ES6箭頭函式用法
阿新 • • 發佈:2021-06-18
var f = v => v; // 等同於 var f = function (v) { return v; };
如果箭頭函式不需要引數或需要多個引數,就使用一個圓括號代表引數部分
var f = () => 5; // 等同於 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同於 var sum = function(num1, num2) { return num1 + num2; };
如果箭頭函式的程式碼塊部分多於一條語句,就要使用大括號將它們括起來,並且使用return
var sum = (num1, num2) => { return num1 + num2; }
由於大括號被解釋為程式碼塊,所以如果箭頭函式直接返回一個物件,必須在物件外面加上括號,否則會報錯。
// 報錯 let getTempItem = id => { id: id, name: "Temp" }; // 不報錯 let getTempItem = id => ({ id: id, name: "Temp" });
如果箭頭函式只有一行語句,且不需要返回值,可以採用下面的寫法,就不用寫大括號了。
let fn = () => void doesNotReturn();
具體參考阮一峰ES6教程
https://es6.ruanyifeng.com/