1. 程式人生 > 其它 >ES6箭頭函式用法

ES6箭頭函式用法

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/