箭頭函數

一、簡介

箭頭函數是ES6標準新增的一種新的函數，簡化了函數定義。箭頭函數有兩種格式:

(1)只包含一個表達式

x => x * 2;

(2)包含多條語句

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

注：如果參數不是一個，就需要用括號()括起來，如果要返回一個單表達式對象，要寫成

x => ({ foo: x })

二、特點

1、寫法簡單

2、箭頭函數內部的this是詞法作用域，由上下文確定，具體判斷方式請移步this指向。

3、由於this在箭頭函數中已經按照詞法作用域綁定了，所以，用call()或者apply()調用箭頭函數時，無法對this進行綁定，即傳入的第一個參數被忽略。

三、使用場景

1、構造函數繼承

2、解決普通函數在任意處調用之後，this指向window的問題，如下

var obj = {
    birth: 1990,
    getAge: function () {
        var b = this.birth; // 1990
        var fn = function () {
            return new Date().getFullYear() - this.birth; // this指向window或undefined而不是obj
        };
        return fn();
    }
};

沒有箭頭函數前，都是使用下面的方法解決的：

var that = this;

改成箭頭函數後：  

var obj = {
    birth: 1990,
    getAge: function () {
        var b = this.birth; // 1990
        var fn = () => new Date().getFullYear() - this.birth; // this指向obj對象
        return fn();
    }
};
obj.getAge(); // 25