華文網

程式師總結這10種javascript簡寫方式,可以讓你的代碼少寫1000行

程式師總結這10種javascript簡寫方式,可以讓你的代碼少寫1000行

今天逛論壇的時候看到一篇關於javascript代碼優化簡寫的文章,

正好最近群裡找工作的朋友較多,而且也正在寫自己的博客,所以稍微總結了一下。希望可以對工作中或者正要找工作的你有些幫助,畢竟現在工作對於javascript,特別是原生javascript的要求越來越高!

對於web前端的學習有不懂的,或者不知道學習路線,不知道學習方法,或者學習效率很慢,可以來我們頭條前端群570946165,全套系統學習資料已上傳群檔!平常有問題也可以解答!

javascript箭頭函數簡寫

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

簡寫後:

2.預設參數值

為了給函數中參數傳遞預設值,通常使用if語句來編寫,但是使用ES6定義預設值,

則會很簡潔:

簡寫後

3.javascript三元操作符

簡寫後

4.聲明變數簡寫方法

簡寫後

5.短路評價

給一個變數分配的值是通過判斷其值是否為null或undefined,則可以:

簡寫後

6.解構賦值簡寫方法

在web框架中,經常需要從元件和API之間來回傳遞陣列或物件字面形式的資料,然後需要解構它

簡寫後

7.Array.find簡寫

想從陣列中查找某個值,則需要迴圈。在ES6中,find()函數能實現同樣效果。

簡寫後

8.雙重非位運算簡寫

有一個有效用例用於雙重非運算操作符。可以用來代替Math.floor(),其優勢在於運行更快,可以閱讀此文章瞭解更多位運算。

簡寫後

9.if存在條件簡寫方法

簡寫後

10.JavaScript迴圈簡寫方法

簡寫後

對於web前端的學習有不懂的,或者不知道學習路線,不知道學習方法,或者學習效率很慢,

可以來我們頭條前端群570946165,全套系統學習資料已上傳群檔!平常有問題也可以解答!

life motto