今天小編給大家分享一下ES6新增的箭頭函數(shù)怎么用的相關(guān)知識點,內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|企業(yè)網(wǎng)站維護|優(yōu)化|托管以及網(wǎng)絡(luò)推廣,積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗,為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù),案例作品覆蓋成都自上料攪拌車等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品,結(jié)合品牌形象的塑造,量身策劃品質(zhì)網(wǎng)站。
箭頭函數(shù)表達(dá)式的語法比普通函數(shù)表達(dá)式更簡潔。
(參數(shù)1,參數(shù)2,…,參數(shù)N)=>{函數(shù)聲明}
(參數(shù)1,參數(shù)2,…,參數(shù)N)=>表達(dá)式(單一)
//相當(dāng)于:(參數(shù)1,參數(shù)2,…,參數(shù)N)=>{return表達(dá)式;}
當(dāng)只有一個參數(shù)時,圓括號是可選的:
(單一參數(shù))=>{函數(shù)聲明}
單一參數(shù)=>{函數(shù)聲明}
沒有參數(shù)的函數(shù)應(yīng)該寫成一對圓括號:
()=>{函數(shù)聲明}
實例
//ES5
var x=function(x,y){
return x*y;
}
//ES6
const x=(x,y)=>x*y;
有的箭頭函數(shù)都沒有自己的this。不適合定義一個對象的方法。
當(dāng)我們使用箭頭函數(shù)的時候,箭頭函數(shù)會默認(rèn)幫我們綁定外層this的值,所以在箭頭函數(shù)中this的值和外層的this是一樣的。
箭頭函數(shù)是不能提升的,所以需要在使用之前定義。
使用const比使用var更安全,因為函數(shù)表達(dá)式始終是一個常量。
如果函數(shù)部分只是一個語句,則可以省略return關(guān)鍵字和大括號{},這樣做是一個比較好的習(xí)慣:
實例
const x=(x,y)=>{return x*y};
以上就是“ES6新增的箭頭函數(shù)怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。