單拿出這一節詳細說一下箭頭函式(也就是lambda表示式)在TypeScript中的用法.
lambda表示式(()=>{something}或()=>something)相當於js中的函式,它的好處是可以自動將函式中的this附加到上下文中.具體原理下面會講到. (在其它js的函式庫中基本都有繫結this到上下文的方法,如jQuery中的 proxy函式.)
例如:

function Arrow(age){
    this.age = age;

    this.add= function(){
        this.age ++;
        console.log(this
 
.age);
    }
}

var arrow2 = new Arrow(10);
setTimeout(arrow2.add, 1000);  //期望值為11, 結果卻是NaN.

原因是setTimeout執行的上下文環境為window,使得add方法中的this脫離了原上下文而指向了window.
現在對上例子使用箭頭函式改造一下

function Arrow1(age){
    this.age = age;

    this.add= ()=>{
        this.age ++;
        console.log(this.age);
    }
}

var arrow2 = new
 
 Arrow1(10);
setTimeout(arrow2.add, 1000); //11, 結果正確

開啟ts編譯後的js程式碼

function Arrow1(age) {
    var _this = this;   //自動建立了一個_this變數,指向了當前上下文.
    this.age = age;
    this.add = function () {
        _this.age++; //在這裡程式使用的是之前建立的_this中儲存的上下文環境,而不是`this`
        console.log(_this.age);
    };
}

var arrow2 = new
 
 Arrow1(10);
setTimeout(arrow2.add, 1000);

這下我就知道為何使用箭頭函式後得出正確的結果了.
現在我們可以把上面的例子變的更typescript一些.

class Arrow{
    constructor(public age:number){}

    add = ()=>{
        this.age ++;
        console.log(this.age);
    }
}

var arrow = new Arrow(10);
setTimeout(arrow.add, 1000); // 11

注意: 箭頭函式中的陷阱
1. 如果你想使用this為當前呼叫時的上下文時不要使用箭頭函式.因為箭頭函式會把this繫結到定義函式時的上下文環境.
2. 如果你正使用一些回撥函式時請小心使用箭頭函式.例如 jquery, underscore, 等. 這些函式庫通常在回撥函式中指明瞭this特殊意義如jquery中簡單的each方法

$("li").each(function(){
    alert($(this).text())
});

上例中的this實際代表每個li的dom物件,如果使用箭頭函式則會得到錯誤結果,在者一般回撥函式會在回撥方法中放置引數(arguments)還是用each舉例$(selector).each(function(index,element)),如果你想使用index或element這些引數,也請不要使用箭頭函式.還是直接寫function吧,可以這麼使用:

let _self = this;
something.each(function(){
    console.log(_self); // 定義方法時的上下文
    console.log(this);  // 執行時另種庫指定的上下文
});