TypeScript常用知识点汇总

angular2-TypeScript

---

上一篇文章介绍了es6的常用语法，本文继续上一篇的教程，介绍下开发ng2程序中用到的TypeScript的语法。TypeScript是微软基于ES6语法之上构建的一门新的语言，顾名思义，相比较于ES6最大的变化就是增加了强类型，结合ES6新增的对面向对象的扩展，整体编码感觉更接近于编译型语言,比如java。

本篇文章不会把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. 泛型类，泛型类使用(<>)括起来，跟在类名后面