TypeScript常用知识点汇总
angular2-TypeScript
本篇文章不会把TypeScript的所有语法都详细的罗列出来,只会把开发ng2程序过程中常用的语法列出来,方便入门ng2的开发者快速入门,把主要精力放在掌握ng2的使用上,而不是这些基础语法上。
基础类型
TypeScript提供的基础数据类型有以下几种:
1. boolean //布尔
2. number //数值
3. string //字符串
4. string[] //数组
5. enum //枚举
//举例:
enum Color {Red,Green,Blue}
let c:Color = Color.Red
6. any //任意值
7. void //空值
变量声明
let和const用法和在es6中相同
接口
接口在TypeScript中代表一种数据类型,通过接口用户可以自己扩展基础类型。在ES6中不存在接口。
interface SqareConfig{
color:string;
width:number;
}
function createSqare(config:SqareConfig){
//...
}
let mySqare = createSqare({color:"red",width:100});
接口中的变量除了可以是基础数据类型外,还可以是函数类型
interface SearchFun{
(source:string,substring:string):boolean;
}
let mySearch:SearchFun;
mySearch = function(source:string,substring:string){
//...
return false;
}
接口可以被实现,用法和java类似。
类(class)
类在es6中就已经可以使用了,TypeScript对其进行了扩展。
1. 增加了public(默认),private,protected访问限制符 2. 在构造函数的参数中使用访问限制符,可以直接设置并初始化类变量
泛型
泛型主要用户两种场景: 1. 泛型函数 2. 泛型类,泛型类使用(<>)括起来,跟在类名后面
