// 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.方式一 定義的函式,無論你在函式前呼叫,還是函式後呼叫,都不會...