JavaScript代碼性能優(yōu)化總結(jié)篇
下面是我總結(jié)的一些小技巧,僅供參考。
以下代碼基本上在jQuery的源碼里面都可以看到,如有說得不對的地方,請大家指出。
盡量使用源生方法
javaScript是解釋性語言,相比編譯性語言執(zhí)行速度要慢。瀏覽器已經(jīng)實(shí)現(xiàn)的方法,就不要再去實(shí)現(xiàn)一遍了。另外,瀏覽器已經(jīng)實(shí)現(xiàn)的方法在算法方面已經(jīng)做了很多優(yōu)化。
避免全局查找
在一個函數(shù)中會用到全局對象存儲為局部變量來減少全局查找,因?yàn)樵L問局部變量的速度要比訪問全局變量的速度更快些。
盡量減少循環(huán)次數(shù)
少一層循環(huán),就能提高數(shù)倍性能。如果要對一個數(shù)組的每個元素進(jìn)行多次操作,盡可能使用一次循環(huán),多次操作,而不是多次循環(huán),每次循環(huán)執(zhí)行一次操作。尤其是在進(jìn)行多個正則匹配的時候,盡可能合并正則表達(dá)式,在一次遍歷中盡可能找到相應(yīng)的匹配。
循環(huán)
switch
條件分支
將條件分支,按可能性順序從高到低排列:可以減少解釋器對條件的探測次數(shù)。
在同一條件 >2條件分支時,使用switch優(yōu)于if:switch分支選擇的效率高于if,在IE下尤為明顯。4條分支的測試,IE下switch的執(zhí)行時間約為if的一半。
使用三目運(yùn)算符替代條件分支。
定時器
如果針對的是不斷運(yùn)行的代碼,不應(yīng)該使用setTimeout,而應(yīng)該是用setInterval,因?yàn)閟etTimeout每一次都會初始化一個定時器,而setInterval只會在開始的時候初始化一個定時器。定時器

創(chuàng)建對象的另外一個辦法-不使用new
用做標(biāo)記的變量盡可能使用布爾類型
直接用true和false做標(biāo)記,不要使用數(shù)字或者字符串的1和0來做標(biāo)記。
相關(guān)文章
javascript 函數(shù)調(diào)用規(guī)則
構(gòu)造器函數(shù)以大寫字母開頭是一個好的習(xí)慣,這可以作為一個提醒,讓你在調(diào)用的時候不要忘記前面的new運(yùn)算符.2009-08-08
javascript實(shí)現(xiàn)數(shù)字配對游戲的實(shí)例講解
下面小編就為大家分享一篇javascript實(shí)現(xiàn)數(shù)字配對游戲的實(shí)例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
純JavaScript實(shí)現(xiàn)HTML5 Canvas六種特效濾鏡示例
實(shí)現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡,并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js,程序源代碼如下,感興趣的朋友可以參考下哈2013-06-06
jquery單行文字向上滾動效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery單行文字向上滾動效果的具體實(shí)現(xiàn),此效果適應(yīng)于很多場景,會的不會的都要學(xué)習(xí)下啊2014-09-09
Javascript實(shí)現(xiàn)簡易導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)簡易導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-06-06






