代碼精煉是每個(gè)有追求的程序所向往的,本文總結(jié)了19個(gè)JavaScript的簡(jiǎn)寫技術(shù),其中包括三元操作符、短路求值簡(jiǎn)寫方式、聲明變量簡(jiǎn)寫方法等等,希望對(duì)你有幫助。 1.三元操作符 當(dāng)想寫if...else語(yǔ)句時(shí),使用三元操作符來(lái)代替。 簡(jiǎn)寫: 也可以嵌套if語(yǔ)句: 2.短路求值簡(jiǎn)寫方式 當(dāng)給一個(gè)變量分配另一個(gè)值時(shí),想確定源始值不是null,undefined或空值??梢詫懽珜懸粋€(gè)多重條件的if語(yǔ)句。 或者可以使用短路求值方法: 3.聲明變量簡(jiǎn)寫方法 簡(jiǎn)寫 4.if存在條件簡(jiǎn)寫方法 簡(jiǎn)寫: 只有l(wèi)ikeJavaScript是真值時(shí),二者語(yǔ)句才相等 如果判斷值不是真值,則可以這樣: 簡(jiǎn)寫 5.JavaScript循環(huán)簡(jiǎn)寫方法 簡(jiǎn)寫
6.短路評(píng)價(jià) 給一個(gè)變量分配的值是通過(guò)判斷其值是否為null或undefined,則可以: 簡(jiǎn)寫 7.十進(jìn)制指數(shù) 當(dāng)需要寫數(shù)字帶有很多零時(shí)(如10000000),可以采用指數(shù)(1e7)來(lái)代替這個(gè)數(shù)字: 簡(jiǎn)寫 8.對(duì)象屬性簡(jiǎn)寫 如果屬性名與key名相同,則可以采用ES6的方法: 簡(jiǎn)寫 9.箭頭函數(shù)簡(jiǎn)寫 傳統(tǒng)函數(shù)編寫方法很容易讓人理解和編寫,但是當(dāng)嵌套在另一個(gè)函數(shù)中,則這些優(yōu)勢(shì)就蕩然無(wú)存。 簡(jiǎn)寫 10.隱式返回值簡(jiǎn)寫 經(jīng)常使用return語(yǔ)句來(lái)返回函數(shù)最終結(jié)果,一個(gè)單獨(dú)語(yǔ)句的箭頭函數(shù)能隱式返回其值(函數(shù)必須省略{}為了省略return關(guān)鍵字) 為返回多行語(yǔ)句(例如對(duì)象字面表達(dá)式),則需要使用()包圍函數(shù)體。 簡(jiǎn)寫 11.默認(rèn)參數(shù)值 為了給函數(shù)中參數(shù)傳遞默認(rèn)值,通常使用if語(yǔ)句來(lái)編寫,但是使用ES6定義默認(rèn)值,則會(huì)很簡(jiǎn)潔: 簡(jiǎn)寫 12.模板字符串 傳統(tǒng)的JavaScript語(yǔ)言,輸出模板通常是這樣寫的。 ES6可以使用反引號(hào)和${}簡(jiǎn)寫: 13.解構(gòu)賦值簡(jiǎn)寫方法 在web框架中,經(jīng)常需要從組件和API之間來(lái)回傳遞數(shù)組或?qū)ο笞置嫘问降臄?shù)據(jù),然后需要解構(gòu)它 簡(jiǎn)寫 也可以分配變量名: 14.多行字符串簡(jiǎn)寫 需要輸出多行字符串,需要使用+來(lái)拼接: 使用反引號(hào),則可以達(dá)到簡(jiǎn)寫作用: 15.擴(kuò)展運(yùn)算符簡(jiǎn)寫 擴(kuò)展運(yùn)算符有幾種用例讓JavaScript代碼更加有效使用,可以用來(lái)代替某個(gè)數(shù)組函數(shù)。 簡(jiǎn)寫 不像concat()函數(shù),可以使用擴(kuò)展運(yùn)算符來(lái)在一個(gè)數(shù)組中任意處插入另一個(gè)數(shù)組。 也可以使用擴(kuò)展運(yùn)算符解構(gòu): 16.強(qiáng)制參數(shù)簡(jiǎn)寫 JavaScript中如果沒(méi)有向函數(shù)參數(shù)傳遞值,則參數(shù)為undefined。為了增強(qiáng)參數(shù)賦值,可以使用if語(yǔ)句來(lái)拋出異常,或使用強(qiáng)制參數(shù)簡(jiǎn)寫方法。 簡(jiǎn)介 17.Array.find簡(jiǎn)寫 想從數(shù)組中查找某個(gè)值,則需要循環(huán)。在ES6中,find()函數(shù)能實(shí)現(xiàn)同樣效果。 簡(jiǎn)寫 18.Object[key]簡(jiǎn)寫 考慮一個(gè)驗(yàn)證函數(shù) 假設(shè)當(dāng)需要不同域和規(guī)則來(lái)驗(yàn)證,能否編寫一個(gè)通用函數(shù)在運(yùn)行時(shí)確認(rèn)? 現(xiàn)在可以有適用于各種情況的驗(yàn)證函數(shù),不需要為了每個(gè)而編寫自定義驗(yàn)證函數(shù)了 19.雙重非位運(yùn)算簡(jiǎn)寫 有一個(gè)有效用例用于雙重非運(yùn)算操作符。可以用來(lái)代替Math.floor(),其優(yōu)勢(shì)在于運(yùn)行更快,可以閱讀此文章了解更多位運(yùn)算。 簡(jiǎn)寫 |
|
來(lái)自: 萬(wàn)皇之皇 > 《IT互聯(lián)》