EcmaScript 6 箭頭函式

2021-08-01 19:19:10 字數 1071 閱讀 9741

// es5

var total = values.

reduce

(function

(a, b),0

);// es6

var total = values.

reduce

((a, b)

=> a + b,0)

;

//箭頭即乙個函式的簡化
// es5$(

"#confetti-btn").

click

(function

(event)

);

// es6$(

"#confetti-btn").

click

(event =

>

);

//當使用箭頭函式建立普通物件時,你總是需要將物件包裹在小括號裡。

var chewtoys = puppies.

map(puppy =

>);

// 這樣寫會報bug!

var chewtoys = puppies.

map(puppy =

>()

);//用小括號包裹空物件就可以了

);

},..

.}

// es6,.

..}

// es6的方法語法,.

..}

箭頭函式與非箭頭函式間還有乙個細微的區別,箭頭函式不會獲取它們自己的arguments物件。

誠然,在es6中,你可能更多地會使用不定引數和預設引數值這些新特性。

引官方鏈結吧,原來這裡也有哈哈,

ECMAScript6中的箭頭函式

在2015年新出的ecmascript6中,其中的函式部分,有了乙個這樣的東西 箭頭函式 大概對它解釋一下,其中,左邊的括號是函式的形式引數,右邊的花括號是函式體。接下來,我們聊一聊如何使用這個箭頭函式 1.一般情況 var func1 var func2 function 其中,func1和fun...

ECMAScript6中箭頭函式

es6 允許使用 箭頭 定義函式,箭頭函式雖然可以使 更加簡潔明瞭,但是箭頭函式不能亂使用,因為其中的this指向是與普通函式不同的。function dog 普通函式 letdog 箭頭函式箭頭左邊 中的內容是箭頭函式的引數 當沒有引數的時候,不可以省略 當只有乙個引數的時候,可以省略 如果有多個...

ECMAScript 箭頭函式

一 ecmascript 箭頭函式 es5中的函式定義 es5中定義函式 方式一 function sum x,y 方式二 varsum function sum x,y console.log sum 4,5 這兩種定義方式的區別 1.方式一 定義的函式,無論你在函式前呼叫,還是函式後呼叫,都不會...