JS簡寫技巧,讓你寫代碼速度翻倍(一)

1.三元操做符函數

當想寫if...else語句時,使用三元操做符來代替。3d

圖片1.1

簡寫:對象

圖片1.2

也能夠嵌套if語句:blog

圖片1.3

2.短路求值簡寫方式圖片

當給一個變量分配另外一個值時,想肯定源始值不是null,undefined或空值。能夠寫撰寫一個多重條件的if語句。ip

圖片2.1

或者能夠使用短路求值方法:變量

圖片2.2

3.聲明變量簡寫方法循環

圖片3.1

簡寫:方法

圖片3.2

4.if存在條件簡寫方法im

圖片4.1

簡寫:

圖片4.2

只有likeJavaScript是真值時,兩者語句才相等,若是判斷值不是真值,則能夠這樣:

圖片4.3

簡寫:

圖片4.4

5.JavaScript循環簡寫方法

圖片5.1

簡寫:

圖片5.2

也能夠使用Array.forEach:

圖片5.3

6.短路評價

給一個變量分配的值是經過判斷其值是否爲null或undefined,則能夠:

圖片6.1

簡寫:

圖片6.2

7.十進制指數

當須要寫數字帶有不少零時(如10000000),能夠採用指數(1e7)來代替這個數字:

圖片7.1

簡寫:

圖片7.2

8.對象屬性簡寫

若是屬性名與key名相同,則能夠採用ES6的方法:

圖片8.1

簡寫:

圖片8.2

9.箭頭函數簡寫

傳統函數編寫方法很容易讓人理解和編寫,可是當嵌套在另外一個函數中,則這些優點就蕩然無存。

圖片9.1

簡寫:

圖片9.2

10.隱式返回值簡寫

常用return語句來返回函數最終結果,一個單獨語句的箭頭函數能隱式返回其值(函數必須省略{}爲了省略return關鍵字)爲返回多行語句(例如對象字面表達式),則須要使用()包圍函數體。

圖片10.1

簡寫:

圖片10.2

相關文章
相關標籤/搜索