JavaScript有什麼讓自己代碼更精簡的奇淫巧技?

婆娑樹下的行者


在實際開發中,通常情況下都不會簡寫代碼,因為一般的IDE工具都有壓縮js代碼的功能,或者可以使用自動化構建工具、包管理技術,如glup、webpack等。再說了,代碼寫得太簡化,對於團隊其他人來說,閱讀起來會困難一些,影響了整體開發效率。

這裡介紹幾種自己在封裝插件時,常用到的代碼簡化方式及高級寫法:

條件判斷

  • 傳統寫法:

  • 三目運算:

條件判斷簡寫

  • 傳統寫法:

  • 省略寫法:

注意;這種寫法只適用於條件語句塊中只有一條語句的情況。

立即執行函數

  • 傳統寫法:

  • IIFE高級寫法:

數組遍歷

  • 傳統寫法:

  • 變種寫法:

  • while循環

注意:這兩種遍歷方法,要求數組中不能有數字類型的0,和布爾類型的false;否則遍歷將會停止,不會繼續向下執行。

數組合並

  • 使用concat函數或者for循環

  • apply的妙用:

數組判斷

  • 使用instanceof

  • call方法的妙用(最安全有效的方法)

數組去重

  • for循環:

  • 類HASH算法:

暫時就這些吧,覺得不錯的朋友,多點贊轉發,謝謝支持。


蘑菇頭MTV


ES6的箭頭函數了解下!

上面六行代碼使用箭頭函數壓縮之後是什麼樣子呢?

var Add = (i=0)=>()=>++i


使用箭頭函數呢

var fact = (x)=> x==0?1:fact(x-1)


最新es6好多簡化寫法,不過要兼容的話,需要翻譯器。


Tingno記前端


如果你只是向知道一些類似三元表達式一樣的使用技巧,你可以搜下《45個實用的JavaScript技巧、竅門和最佳實踐》,這篇文章有很多類似的技巧。

如果你想讓自己的代碼更規範,可以找《Google JavaScript 代碼風格指南》翻出來看看。


奧德王打電腦


new Date()*1 算不?


村長掃大街


+,+ "",(),


分享到:


相關文章: