ECMAScript6中箭頭函式

es6 允許使用「箭頭」（=>）定義函式,箭頭函式雖然可以使**更加簡潔明瞭,但是箭頭函式不能亂使用,因為其中的this指向是與普通函式不同的。

function

dog(
)//普通函式
letdog=(
)=>
//箭頭函式

當沒有引數的時候,()不可以省略

當只有乙個引數的時候,()可以省略

如果有多個引數,不可以省略()

箭頭右邊{}中的內容是箭頭函式的函式體

如果只有一句話 ,{}可以省略不寫，預設帶乙個return關鍵字

如果箭頭的右邊出現了{}，那麼return關鍵字不可以省略

不可以當作建構函式，也就是說，不可以使用new命令，否則會丟擲乙個錯誤

不可以使用arguments物件，該物件在函式體內不存在,可以用 rest 引數代替

箭頭函式沒有prototype屬性

不可以使用yield命令，因此箭頭函式不能用作 generator 函式

需要動態this的時候，也不應使用箭頭函式。比如：給元素繫結事件

使用arguments屬性時

作為建構函式時

EcmaScript 6 箭頭函式

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 cli...

ECMAScript6中的箭頭函式

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

ECMAScript6掃盲筆記 一

ecma組織推出的ecmascript是乙個標準 協議 js是協議的實現。ecmascript簡稱ecma或es。目前使用最多的是es5.1，es6正式推出是在2015年。就醬 es6 es2015 相容性 es6 es2015 支援 ie10 chrome firefox 移動端 nodejs。和...