深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù)
1、函數(shù)參數(shù)的默認(rèn)值
ES5中不能直接為函數(shù)的參數(shù)指定默認(rèn)值，只能通過(guò)以下的變通方式：
從上面的代碼可以看出存在一個(gè)問(wèn)題，當(dāng)傳入的參數(shù)為0或者false時(shí)，會(huì)直接取到后面的值，而不是傳入的這個(gè)參數(shù)值。
那怎么解決呢？對(duì)于上圖的代碼，可以通過(guò)判斷是否傳入了num參數(shù)，沒(méi)有就用默認(rèn)值：
這種做法還是很麻煩的，而ES6則直接在參數(shù)定義里面設(shè)置函數(shù)參數(shù)的默認(rèn)值，而且不用擔(dān)心傳入?yún)?shù)是0或者false會(huì)出錯(cuò)了：
2、箭頭函數(shù)
箭頭函數(shù)用 => 符號(hào)來(lái)定義。
箭頭函數(shù)相當(dāng)于匿名函數(shù)，所以采用函數(shù)表達(dá)式的寫(xiě)法。
左邊是傳入函數(shù)的參數(shù)，右邊是函數(shù)中執(zhí)行的語(yǔ)句。
上面是完整的寫(xiě)法，左邊小括號(hào)，右邊大括號(hào)，而下面的情況可以簡(jiǎn)寫(xiě)：
（1）當(dāng)要執(zhí)行的代碼塊只有一條return語(yǔ)句時(shí)，可省略大括號(hào)和return關(guān)鍵字：
箭頭函數(shù)在回調(diào)函數(shù)中是很簡(jiǎn)潔的，像這樣：
需要注意的是， 箭頭函數(shù)沒(méi)有自己的this、arguments、super、new.target，它們分別指向外層函數(shù)的相應(yīng)變量。
以前在ES5中使用this有點(diǎn)麻煩，這種問(wèn)題很常見(jiàn)：
但是現(xiàn)在有了箭頭函數(shù)，不再需要使用that = this或 _this = this 這種代碼啦，因?yàn)榧^函數(shù)中的this直接就是外層函數(shù)中的this，代碼更簡(jiǎn)單了：
以上所述是小編給大家介紹的A深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崟r(shí)聊天WebSocket的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要介紹了JavaScript 格式化金額最常見(jiàn)方法，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05
JS通過(guò)Cookie判斷頁(yè)面是否為首次打開(kāi)
這篇文章主要介紹了JS通過(guò)Cookie判斷頁(yè)面是否為首次打開(kāi) 的相關(guān)資料,需要的朋友可以參考下2016-02-02
獲取元素和鼠標(biāo)的位置（兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera），該功能是我一同事鉆研出來(lái)的，目標(biāo)是為了實(shí)現(xiàn)與QQ自定義布局和拖放模塊類似的功能。2009-12-12
js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼
本篇文章主要是對(duì)js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
基于element-ui?動(dòng)態(tài)換膚的代碼詳解
這篇文章主要介紹了element-ui?動(dòng)態(tài)換膚,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家整理了10個(gè)JavaScript代碼使用技巧,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義多列選擇器使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了淺談JavaScript 代碼簡(jiǎn)潔之道，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
這篇文章主要介紹了JavaScript 事件入門(mén)知識(shí),需要的朋友可以參考下2015-04-04