1. 程式人生 > >20181203——箭頭函式

20181203——箭頭函式

我們先來按常規語法定義函式:

function funcName(params) {
   return params + 2;
 }
funcName(2);
// 4

該函式使用箭頭函式可以使用僅僅一行程式碼搞定!

var funcName = (params) => params + 2
funcName(2);
// 4

是不是很酷!雖然是一個極端簡潔的例子,但是很好的表述了箭頭函式在寫程式碼時的優勢。我們來深入瞭解箭頭函式的語法:

(parameters) => { statements }

如果沒有引數,那麼可以進一步簡化:

() => { statements }

如果只有一個引數,可以省略括號:

parameters => { statements }

沒有區域性this的繫結 和一般的函式不同,箭頭函式不會繫結this。 或則說箭頭函式不會改變this本來的繫結。
我們用一個例子來說明:

function Counter() {
  this.num = 0;
}
var a = new Counter();