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è)贊支持一下。比心