超實用JavaScript小技巧,趕快Mark起來!

與其他編程語言一樣,JavaScript有許多技巧用來解決簡單和複雜的問題。有些技巧廣為人知,還有一些會讓人興奮不已。讓我們看一下今天可以學習到的7個JavaScript技巧!


超實用JavaScript小技巧,趕快Mark起來!


01、獲取數組的唯一值


得到一個唯一值數組可能比你想的還要容易:


超實用JavaScript小技巧,趕快Mark起來!


02、數組和Boolean


如果需要把數組中的0、undefined、null、false等等排除掉,可以使用以下技巧:


超實用JavaScript小技巧,趕快Mark起來!


只要需要在filter方法中傳遞Boolean,所有的虛假值就可以被過濾掉。


03、創建空對象


創建一個空的對象,可以使用{}方式。但是這種方式創建的對象依然包含proto、hasOwnProperty和其它一些對象方法。我們還有其它方法創建一個純空對象:


超實用JavaScript小技巧,趕快Mark起來!

使用create方法創建出現的對象,不包含任意的屬性或者方法,把這些代碼添加到對象中去。


04、合併對象


對需要把多個對象合併為一個對象時,特別是當我們開始使用選項創建類和小組件時:


超實用JavaScript小技巧,趕快Mark起來!


這三個點使任務變得輕鬆多了!


05、要求提供函數參數


通過給函數的參數設置默認值,可以不寫某些參數的值,調用時會自動把默認值傳遞給調用語句中。如果使用時必須提供某個參數的值可以使用下面的技巧:


超實用JavaScript小技巧,趕快Mark起來!


06、解構別名


解構賦值是ES6的新特性,這是一個非常實用的功能。但有時我們希望使用另一個變量名來引用這些屬性,這時可以使用別名:


超實用JavaScript小技巧,趕快Mark起來!


這樣做可以有效避免與現有變量的命名發生衝突。


07、獲取查詢字符串參數


如果我們需要處理URL的查詢字符串,需要編寫大量的正則表達式。使用URLSearchParamsAPI會使這個過程簡單多了:


超實用JavaScript小技巧,趕快Mark起來!


超實用JavaScript小技巧,趕快Mark起來!


近些年JavaScript已經發生了很大的變化,值得慶幸的是我們能看到JavaScript語言改進的速度非常之快。儘管JavaScript不斷地在變化,我們仍然需要保存一些不錯的技巧,來幫助我們提高效率。



分享到:


相關文章: