一:TypeScript入门
来源:互联网 发布:网络拓扑结构图片 编辑:程序博客网 时间:2024/06/06 02:54
Angular2的框架使用typescript语言开发
一.搭建环境
1.compiler
TypeScirpt--->JavaScript
线上工具:http://www.typescriptlang.org/play/index.html
线下安装:npm install -g typescript
cmd查看是否安装成功:npm --version
二.知识点(1)
字符串新特性
1.多行字符串 : `aaabbbcccc`
2.模版字符串 :`${args}`
3.自动拆分字符串 :模版字符串和函数一起使用
参数新特性
1.五种基本类型 : var name: string = "Andrew"
*变量
string、any、number、boolean(true/false)、void
*函数
function test(name: string): void{
....
}
*自定义类型
class Person{
name: string;
age: number;
}
var p1: Person = new Person()
*带默认值的参数
function test(a:string, b:string, c:string = "Hello"){
console.log(a);
console.log(b);
console.log(c);
}
*可选参数(必须声明在必选参数后面)
function test(a:string, b?:string, c:string = "Hello"){
console.log(a);
console.log(b);
console.log(c);
}
三.知识点(2)
1.Rest and Spread
function func1(...args){}
此参数用法可以传入任意数量的参数
2.generator函数
控制函数的执行过程,手工暂停和恢复代码执行
function* func(){
..
yield; 此关键字控制代码暂停
}
var x = func();
x.next()
3.析构表达式
如果函数func()返回两个以上的值,调用时可以用以下方法接收
注意:析构表达式的变量必须和函数里返回的变量的名字一样
function func(){
return {
code:"IBM",
price: 100}
}
*针对对象中拆一些值来声明本地的变量
var {x, y} = func();
*针对数组
arr = [1,2,3,4];
var [x,y] = arr;
4箭头表达式(声明匿名方法)消除this的问题
var sum = (arg1, arg2) =>{
return arg1 + arg2;
}
- 一:TypeScript入门
- 一:TypeScript入门
- 揭秘Angular 2(一):TypeScript入门
- TypeScript入门知识一(字符串特性)
- typescript入门,typescript特性
- typeScript入门
- TypeScript入门
- TypeScript入门
- Learining TypeScript (一) TypeScript 简介
- TypeScript 入门指南
- TypeScript入门-语法篇
- TypeScript 入门11
- typescript 快速入门
- TypeScript入门-泛型
- Typescript快速入门
- TypeScript入门01
- TypeScript入门02
- TypeScript快速入门
- hibernate实现原理及配置
- 【C语言】【unix c】值结果参数
- JavaScript语言内部机制概念整理(一)
- Ubuntu系统相关问题
- Primer (六)
- 一:TypeScript入门
- Java移位操作符
- JavaScript预解析详解
- 在同一个类中调用另一个方法没有触发 Spring AOP 的问题
- H5页面,部分 Android手机点击number电话号码/成串数字时候,会跳转到其他页面造成404错误,如何解决?
- PHP面对对象
- mybatis实现原理及配置
- mysql常用操作
- php 用 yum 安装