ES6之箭頭函式使用

箭頭函式在es6的標準中被引入，可用於替代傳統定義函式的寫法，一般用在函式本身**量較少，且處理邏輯簡單的場景，此時可以用箭頭函式替代掉原有函式的寫法。但是如果函式的**量較大以及處理邏輯較為複雜的時候還是使用傳統的函式定義方法。

編寫乙個立即執行的函式,傳統定義方式

!function
()();

使用箭頭函式

(()=>)();

函式作為引數傳遞

傳統的做法

[1,2,3].map(function
(x));

使用箭頭函式

[1,2,3].map((x)=>);

更簡單的寫法

[1,2,3].map((x)=>x
*x);//函式體中只有乙個return 所以可以去掉花括號以及return,只寫需要計算返回值的表示式

this在js裡面使用場景較多，切換也比較頻繁，因此帶來了各種執行時因為上下文切換導致錯誤,如下**:

function
c(),1000);}}
var m = new c();
m.print();

由於使用了settimeout在1000ms以後執行console中的內容，此時this已經不代表c物件例項，此時this為全域性的this,所以執行時輸出undefined。此種情況下傳統的做法可以使用function.prototype.bind將執行的上下文繫結在函式上面

function
c().bind(this),1000);}}
var m = new c();
m.print();

能夠正常的輸出值

使用箭頭函式可以讓這一過程更簡單

function c(),1000);}}
varm = new
c();
m.print
();