JavaScript代碼性能優(yōu)化總結(jié)篇
下面是我總結(jié)的一些小技巧，僅供參考。
以下代碼基本上在jQuery的源碼里面都可以看到，如有說(shuō)得不對(duì)的地方，請(qǐng)大家指出。
盡量使用源生方法
javaScript是解釋性語(yǔ)言，相比編譯性語(yǔ)言執(zhí)行速度要慢。瀏覽器已經(jīng)實(shí)現(xiàn)的方法，就不要再去實(shí)現(xiàn)一遍了。另外，瀏覽器已經(jīng)實(shí)現(xiàn)的方法在算法方面已經(jīng)做了很多優(yōu)化。
避免全局查找
在一個(gè)函數(shù)中會(huì)用到全局對(duì)象存儲(chǔ)為局部變量來(lái)減少全局查找，因?yàn)樵L問(wèn)局部變量的速度要比訪問(wèn)全局變量的速度更快些。
盡量減少循環(huán)次數(shù)
少一層循環(huán)，就能提高數(shù)倍性能。如果要對(duì)一個(gè)數(shù)組的每個(gè)元素進(jìn)行多次操作，盡可能使用一次循環(huán)，多次操作，而不是多次循環(huán)，每次循環(huán)執(zhí)行一次操作。尤其是在進(jìn)行多個(gè)正則匹配的時(shí)候，盡可能合并正則表達(dá)式，在一次遍歷中盡可能找到相應(yīng)的匹配。
循環(huán)
switch
條件分支
將條件分支，按可能性順序從高到低排列：可以減少解釋器對(duì)條件的探測(cè)次數(shù)。
在同一條件 >2條件分支時(shí)，使用switch優(yōu)于if：switch分支選擇的效率高于if，在IE下尤為明顯。4條分支的測(cè)試，IE下switch的執(zhí)行時(shí)間約為if的一半。
使用三目運(yùn)算符替代條件分支。
定時(shí)器
如果針對(duì)的是不斷運(yùn)行的代碼，不應(yīng)該使用setTimeout，而應(yīng)該是用setInterval，因?yàn)閟etTimeout每一次都會(huì)初始化一個(gè)定時(shí)器，而setInterval只會(huì)在開(kāi)始的時(shí)候初始化一個(gè)定時(shí)器。定時(shí)器
創(chuàng)建對(duì)象的另外一個(gè)辦法-不使用new
用做標(biāo)記的變量盡可能使用布爾類型
直接用true和false做標(biāo)記，不要使用數(shù)字或者字符串的1和0來(lái)做標(biāo)記。
相關(guān)文章
window.event快達(dá)到全瀏覽器支持了，以后使用就方便了
在Tangram群里討論到<a href="#" onclick="baidu.event.preventDefault(event);">的寫(xiě)法時(shí)，以為標(biāo)準(zhǔn)瀏覽器只能用arguments[0]來(lái)獲取到event，結(jié)果nodiseal同學(xué)說(shuō)已經(jīng)可以這么用了，于是做了以下測(cè)試2011-11-11
有一個(gè)表格，然后有4個(gè)輸入框，一個(gè)合并按鈕，輸入框是這樣的，從第幾行到第幾行，從第幾列到第幾列，然后點(diǎn)擊按鈕，合并2013-11-11
在Javascript操作JSON對(duì)象，增加 刪除 修改的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇在Javascript操作JSON對(duì)象，增加 刪除 修改的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
微信小程序教程系列之頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞（6）
這篇文章主要為大家詳細(xì)介紹了微信小程序教程系列之頁(yè)面跳轉(zhuǎn)和參數(shù)傳遞，微信小程序提供了3種頁(yè)面跳轉(zhuǎn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)鼠標(biāo)拖動(dòng)效果,涉及微信小程序事件綁定及元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
淺析JavaScript中回調(diào)地獄與asyn函數(shù)和await函數(shù)原理
這篇文章主要介紹了JavaScript中回調(diào)地獄與asyn函數(shù)和await函數(shù)原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-01-01
js實(shí)現(xiàn)1,2,3,5數(shù)字按照概率生成
這篇文章主要介紹了js實(shí)現(xiàn)1,2,3,5數(shù)字按照概率生成,需要的朋友可以參考下2017-09-09
最近用js拼接字符串時(shí)遇到問(wèn)題了，不論怎么拼接在ie中都報(bào)錯(cuò)，于是找到了一個(gè)不錯(cuò)的解決方法，在此與大家分享下2014-03-03
showModelessDialog()使用詳解...2006-09-09
這篇文章主要介紹了js中this用法,實(shí)例分析了this指向windows、指向?qū)ο蠹案淖僼his指向的相關(guān)技巧,需要的朋友可以參考下2015-05-05