ES6之箭頭表達式

　　ES2015新增的特性箭頭表達式，省去了關鍵詞function，文中``雙撇號和${}是Typescript的語法。以下是一些學習筆記:

　1.單行箭頭表達式:

var foo = (arg1,arg2) => arg1 + arg2;
//上述表達式相當於
var foo = function (arg1, arg2) { return arg1 + arg2; };

　2.多行箭頭表達式(必須使用{}大括號):

var foo = (arg1, agr2) => {
    return arg1 + agr2;
}

//以上表達式相當於
var foo = function (arg1, arg2) {
    return arg1 + arg2;
};

　　3.無參數:

var foo = () => {}

//以上表達式相當於
var foo = function () {}

　　4.一個參數(無需使用()小括號):

var foo = arg => {
  return arg*arg;    
}

//以上表達式相當於
var foo = function (arg) {
   return arg*arg;  
}

　　5.栗子:

var arr = [1,2,3,4,5];
console.log(arr.filter(value => value%2 == 0))

//以上代碼相當於
var arr = [1, 2, 3, 4, 5];
console.log(arr.filter(function (value) { return value % 2 == 0; }));  //[2,4]返回被2整除的值

　　6.箭頭表達式中的this關鍵字:

　　//(1)ES5方式(計時器中無法找到this)

function Foo (name:string) {
    this.name = name;
    setInterval(function () {
        console.log(`name is: ${this.name}`);
    },1000);
}
var foo = new Foo('莎士比亞');  
//返回name is---無法找到this.name

//(2)ES6方式(計時器中可以找到this)

function Foo (name:string) {
    this.name = name;
    setInterval(() => {
        console.log(`name is: ${this.name}`);
    },1000);
}
var foo = new Foo("莎士比亞");

//name is: 莎士比亞