對于JavaScript框架,相信很多人對于細節并沒有那么在意,我們在日積月累中會導致效率下降的問題,下面是錯新技術頻道小編為大家帶來的高效率JavaScript編寫技巧整理,一起來學習吧!
1.JavaScript是唯一一個對代碼體積要求越小越好的語言,因此我們可以通過一些工具來精簡和壓縮JavaScript代碼,如JSMin、Packer、YUICompressor等。這些工具會將局部變量的名字替換成很短的變量名,例如將parseFloat()替換成a()。因此我們在編寫JavaScript代碼時,應將每一個全局變量都映射到一個局部變量,如var parseFloat = parseFloat;
2.通過JSLint來檢測你編寫的JavaScript,可以發現里面隱藏的很多問題。JSLint是一個JavaScript驗證工具(非開源),可以掃描JavaScript源代碼來查找問題。如果JSLint發現一 個問題,JSLint就會顯示描述這個問題的消息,并指出錯誤在源代碼中的大致位置。
3.我們在寫JavaScript的時候經常需要遍歷一個數組,代碼如下:
JavaScript的成員變量是運行時確定的,這就導致每一次循環都需要查找數組length屬性,因此我們可以增加一個變量來存儲數組大小:
?
?
這樣看起來已經優化得不錯了,但實際上我們可以做得更好:
?
?
這是因為這兩行代碼轉換成匯編時,while語句所需的指令更少,在這里就不展開說明了,大家有興趣可以去研究下匯編。
4.由于JavaScript中任何人都可以修改或添加Object.prototype中的屬性,因此我們在遍歷一個對象的屬性時,應先使用hasOwnProperty進行判斷,避免遍歷整個原型鏈,影響效率。如:
?
?
5.在使用undefined的時候先定義一個局部變量undefined
?
?
上述代碼中,如果沒有提前定義局部變量,直接使用全局變量undefined進行判斷,如果第三方在別的地方定義了一個全局變量undefined=3將導致結果錯誤。
6.在將一個非字符串類型的變量轉換成字符串類型時,可以直接使用
?
?
這個地方如果使用String(i)會慢很多。
7.定義數組的時候如果不需要使用數組類的排序等方法,只是進行一般的賦值和訪問,應該直接寫
?
?
而不是
?
?
否則這就和定義一個數字變量時寫var i = new Number(1)一樣沒有意義
8.使用jQuery時,對同一個對象執行多個函數盡量放在同一行代碼里,例如:
?
?
而不是
?
?
通過錯新技術頻道小編介紹的高效率JavaScript編寫技巧整理,我們都了解了這方面的知識,我們要保持好心態,才能越學越有勁。
新聞熱點
疑難解答
圖片精選