ES6允許使用“箭頭”(=>)定義函數(shù)。
var f=v=>v;
上面的箭頭函數(shù)等同于:
var f=function(v){
return v;
};
如果箭頭函數(shù)不需要參數(shù)或需要多個參數(shù),就使用一個圓括號代表參數(shù)部分。
var f=()=>5
//等同于
var f=function(){ return 5 };
var sum=(num1,num2)=>num1+num2;
//等同于
var sum=function(num1,num2){
return num1+num2;
}
由于大括號被解釋為代碼塊,所以如果箭頭函數(shù)直接返回一個對象,必須在對象外面加上括號。
var getTempItem=id=>({id:id,name:"Temp"});
箭頭函數(shù)可以與變量解構(gòu)結(jié)合使用。
const full=({first,last})=>first+' '+last;
//等同于
function full(person){
return person.first+' '+person.last;
}
箭頭函數(shù)使表達(dá)更加簡潔。
const isEven=n=>n%2==0;
const square=n=>n*n;
箭頭函數(shù)的一個用處是簡化回調(diào)函數(shù)。
//正常函數(shù)寫法
[1,2,3].map(function(x){
return x*x;
})
//箭頭函數(shù)寫法
[1,2,3].map(x=>x*x);
另一個例子是
var result=values.sort(function(a,b){
return a-b;
})
//等同于
var result=values.sort((a,b)=>a-b);
下面是rest參數(shù)與箭頭函數(shù)結(jié)合
const numbers=(...nums)=>nums;
numbers(1,2,3,4,5)
//[1,2,3,4,5]