ES6 箭頭函數(shù)學(xué)習(xí)筆記

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]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,708評論 0 1
  • 三,字符串?dāng)U展 3.1 Unicode表示法 ES6 做出了改進(jìn),只要將碼點放入大括號,就能正確解讀該字符。有了這...
    eastbaby閱讀 1,672評論 0 8
  • 1.函數(shù)參數(shù)的默認(rèn)值 (1).基本用法 在ES6之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法。
    趙然228閱讀 831評論 0 0
  • 一. 函數(shù)參數(shù)的默認(rèn)值 ES6 允許為函數(shù)的參數(shù)設(shè)置默認(rèn)值,即直接寫在參數(shù)定義的后面。 Tips:參數(shù)變量是默認(rèn)聲...
    markpapa閱讀 286評論 0 0
  • 今天看到一篇文章,來自簡書 評論尸《大四狗如果找不到工作,也創(chuàng)不了業(yè)》 文章寫的很有道理,從各個方面寫了剛剛畢業(yè)的...
    mmmilo閱讀 237評論 0 1

友情鏈接更多精彩內(nèi)容