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. 泛型類，泛型類使用(<>)括起來，跟在類名後面