JavaScript代碼性能優(yōu)化總結(jié)(推薦)
下面是我總結(jié)的一些小技巧,僅供參考。
以下代碼基本上在jQuery的源碼里面都可以看到,如有說得不對的地方,請大家指出。
盡量使用源生方法
javaScript是解釋性語言,相比編譯性語言執(zhí)行速度要慢。瀏覽器已經(jīng)實現(xiàn)的方法,就不要再去實現(xiàn)一遍了。另外,瀏覽器已經(jīng)實現(xiàn)的方法在算法方面已經(jīng)做了很多優(yōu)化。
避免全局查找
在一個函數(shù)中會用到全局對象存儲為局部變量來減少全局查找,因為訪問局部變量的速度要比訪問全局變量的速度更快些。
盡量減少循環(huán)次數(shù)
少一層循環(huán),就能提高數(shù)倍性能。如果要對一個數(shù)組的每個元素進行多次操作,盡可能使用一次循環(huán),多次操作,而不是多次循環(huán),每次循環(huán)執(zhí)行一次操作。尤其是在進行多個正則匹配的時候,盡可能合并正則表達式,在一次遍歷中盡可能找到相應(yīng)的匹配。
循環(huán)
switch
條件分支
將條件分支,按可能性順序從高到低排列:可以減少解釋器對條件的探測次數(shù)。
在同一條件 >2條件分支時,使用switch優(yōu)于if:switch分支選擇的效率高于if,在IE下尤為明顯。4條分支的測試,IE下switch的執(zhí)行時間約為if的一半。
使用三目運算符替代條件分支。
定時器
如果針對的是不斷運行的代碼,不應(yīng)該使用setTimeout,而應(yīng)該是用setInterval,因為setTimeout每一次都會初始化一個定時器,而setInterval只會在開始的時候初始化一個定時器。
創(chuàng)建對象的另外一個辦法-不使用new
用做標(biāo)記的變量盡可能使用布爾類型
直接用true和false做標(biāo)記,不要使用數(shù)字或者字符串的1和0來做標(biāo)記。
以上這篇JavaScript代碼性能優(yōu)化總結(jié)(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)(String對象)
這篇文章主要介紹了javascript中的String對象知識點,對String對象的基本使用方法,以及各種方法進行整理,感興趣的小伙伴們可以參考一下2015-11-11使用JavaScript開發(fā)跨平臺的桌面應(yīng)用詳解
下面小編就為大家?guī)硪黄褂肑avaScript開發(fā)跨平臺的桌面應(yīng)用詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07JavaScript鼠標(biāo)移動事件以及實戰(zhàn)案例
在學(xué)習(xí)JS中我對鼠標(biāo)移動事件進行了一些總結(jié),需要的可以作參考,下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標(biāo)移動事件以及實戰(zhàn)案例的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05