ES6這些技巧你真的知道嗎?

ES6實(shí)戰(zhàn)技巧你真的都了解了嗎。推薦新手閱讀,大佬請(qǐng)?zhí)^。
說到ES6,其實(shí)我還是比較推薦大家去看看阮一峰老師的ES6教程ECMAScript 6 入門,跟著一起動(dòng)手就感覺確實(shí)是不錯(cuò)很多用法你以前不知道的不了解的在里面都有說到。

1.互換兩個(gè)對(duì)象的值(?數(shù)組解構(gòu)快速實(shí)現(xiàn)值的交換)

????在阮老師的教程中有更詳細(xì)的介紹,有沒有感覺這么寫是不是更加的簡單方便了

2.對(duì)象的展開(?數(shù)組解構(gòu)快速展開對(duì)象 )

我們都知道接口大多數(shù)傳遞的參數(shù)都是key:value形式的對(duì)象,現(xiàn)在我們剛好有一個(gè)對(duì)象,接口里面的參數(shù)也正好相等,我們可以下面這種寫法沒問題,但是我們有更加簡單的用法

這樣看起來是不是更加的簡潔,傳遞過去的還是像上面那種展開傳遞的。

3.數(shù)組拼接

以前我們都是通過concat來進(jìn)行數(shù)據(jù)拼接的


這種方法假如我們有很多種數(shù)組就要拼接很多次,要多寫很多次代碼,極大的減少了我們摸魚的時(shí)間,現(xiàn)在可以通過擴(kuò)展運(yùn)算符來進(jìn)行數(shù)組合并拼接。

這樣是不是方便了很多,媽媽再也不用擔(dān)心我沒時(shí)間摸魚了。例子不多,還是建議詳細(xì)閱讀?阮老師的教程數(shù)組篇。悄悄告訴你使用這種方式拼接出來的數(shù)組相當(dāng)于克隆了一份,而且指針指向的不是原來的內(nèi)存地址了,當(dāng)你修改拼接后的數(shù)據(jù)是不會(huì)影響前面的數(shù)據(jù)的

4.數(shù)組去重

我們可以通過ES6 Set數(shù)組方法去重

5.對(duì)象取值

假設(shè)有個(gè)對(duì)象是下面這種結(jié)構(gòu)要求算出a+b,用ES6數(shù)組解構(gòu)快速實(shí)現(xiàn)怎么寫?



那其實(shí)我們就可以這么寫

6.可選鏈操作符

直接放截圖,這里面的問號(hào)是干嘛的哪?答案是:當(dāng)ev.feature下沒有了,表示當(dāng)前條件語句終止并返回false,有就繼續(xù)執(zhí)行,非常適合用來判斷當(dāng)前對(duì)象下是否有某個(gè)數(shù)據(jù),是不是比一個(gè)一個(gè)if好看一點(diǎn)。


7.空值合并運(yùn)算符

又是減少勞動(dòng)力的一天

以上這些也是我經(jīng)歷過的一些,還有一些忘記了,想起的話我會(huì)再來補(bǔ)上,大家有什么好的意見歡迎指導(dǎo)。
讀完有幫助,不妨關(guān)注一下,點(diǎn)個(gè)贊支持一下。比心

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

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

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