人的記憶力會(huì)隨著歲月的流逝而衰退，寫作可以彌補(bǔ)記憶的不足,，將曾經(jīng)的人生經(jīng)歷和感悟記錄下來,，也便于保存一份美好的回憶。那么我們?cè)撊绾螌懸黄^為完美的范文呢,？下面我給大家整理了一些優(yōu)秀范文,，希望能夠幫助到大家，我們一起來看一看吧,。

javascript性能優(yōu)化篇一

如何提升javascript執(zhí)行效率與性能在前端開發(fā)中位于一個(gè)很重要的地方,，這節(jié)來研究下如何在平時(shí)做項(xiàng)目過程中，提升javascript性能與運(yùn)行效率,。

循環(huán)是很常用的一個(gè)控制結(jié)構(gòu),，大部分東西要依靠它來完成，在javascript中,，我們可以使用for(;;),while(),for(in)三種循環(huán),，事實(shí)上，這三種循環(huán)中for(in)的效率極差,，因?yàn)樗枰樵兩⒘墟I,，只要可以就應(yīng)該盡量少用。for(;;)和while循環(huán)的性能應(yīng)該說基本（平時(shí)使用時(shí)）等價(jià),。

而事實(shí)上,，如何使用這兩個(gè)循環(huán)，則有很大講究,。最后得出的結(jié)論是：

如果是循環(huán)變量遞增或遞減,，不要單獨(dú)對(duì)循環(huán)變量賦值，應(yīng)該在它最后一次讀取的時(shí)候使用嵌套的++或--操作符,。如果要與數(shù)組的長(zhǎng)度作比較,，應(yīng)該事先把數(shù)組的length屬性放入一個(gè)局部變量中，減少查詢次數(shù),。舉例,，假設(shè)arr是一個(gè)數(shù)組，最佳的遍歷元素方式為：

復(fù)制代碼 代碼如下:

for(var i=0, len = ;i

或者,，如果無(wú)所謂順序的話：

復(fù)制代碼 代碼如下:

for(var i=;i>0;i--){...}

局部變量和全局變量

局部變量的速度要比全局變量的訪問速度更快,，因?yàn)槿肿兞科鋵?shí)是全局對(duì)象的成員，而局部變量是放在函數(shù)的棧當(dāng)中的,。

使用eval相當(dāng)于在運(yùn)行時(shí)再次調(diào)用解釋引擎對(duì)內(nèi)容進(jìn)行運(yùn)行,，需要消耗大量時(shí)間,。這時(shí)候使用javascript所支持的閉包可以實(shí)現(xiàn)函數(shù)模版（關(guān)于閉包的內(nèi)容請(qǐng)參考函數(shù)式編程的有關(guān)內(nèi)容）。

因?yàn)閖avascript的解釋性,，所以a.b.c.d.e,，需要進(jìn)行至少4次查詢操作，先檢查a再檢查a中的b,，再檢查b中的c,，如此往下。所以如果這樣的表達(dá)式重復(fù)出現(xiàn),，只要可能,，應(yīng)該盡量少出現(xiàn)這樣的表達(dá)式，可以利用局部變量,，把它放入一個(gè)臨時(shí)的地方進(jìn)行查詢,。這一點(diǎn)可以和循環(huán)結(jié)合起來，因?yàn)槲覀兂３Ｒ鶕?jù)字符串,、數(shù)組的長(zhǎng)度進(jìn)行循環(huán),，而通常這個(gè)長(zhǎng)度是不變的，比如每次查詢,，就要額外進(jìn)行一個(gè)操作,，而預(yù)先把var len=，則就少了一次查詢,。

如果是追加字符串,，最好使用s+=anotherstr操作，而不是要使用s=s+anotherstr,。如果要連接多個(gè)字符串,，應(yīng)該少使用+=，如 s+=a;s+=b;s+=c;應(yīng)該寫成s+=a + b + c,；而如果是收集字符串,，比如多次對(duì)同一個(gè)字符串進(jìn)行+=操作的話，最好使用一個(gè)緩存,。怎么用呢,？使用javascript數(shù)組來收集，最后使用join方法連接起來,，如下var buf = new array();for(var i = 0; i < 100; i++){ (ng());}var all = ("""");

類型轉(zhuǎn)換是大家常犯的錯(cuò)誤,，因?yàn)閖avascript是動(dòng)態(tài)類型語(yǔ)言，你不能指定變量的'類型,。

1.把數(shù)字轉(zhuǎn)換成字符串，應(yīng)用"""" + 1,，雖然看起來比較丑一點(diǎn),，但事實(shí)上這個(gè)效率是最高的,，性能上來說：

復(fù)制代碼 代碼如下:

("""" + ) > string() > .tostring() > new string()

這條其實(shí)和下面的“直接量”有點(diǎn)類似，盡量使用編譯時(shí)就能使用的內(nèi)部操作要比運(yùn)行時(shí)使用的用戶操作要快,。

string()屬于內(nèi)部函數(shù),，所以速度很快，ng()要查詢?cè)椭械暮瘮?shù),，所以速度遜色一些,，new string()用于返回一個(gè)精確的副本。

2.浮點(diǎn)數(shù)轉(zhuǎn)換成整型,，這個(gè)更容易出錯(cuò),，很多人喜歡使用parseint()，其實(shí)parseint()是用于將字符串轉(zhuǎn)換成數(shù)字,，而不是浮點(diǎn)數(shù)和整型之間的轉(zhuǎn)換,，()()。

另外,，和第二節(jié)的對(duì)象查找中的問題不一樣,，math是內(nèi)部對(duì)象，()其實(shí)并沒有多少查詢方法和調(diào)用的時(shí)間,，速度是最快的,。

3. 對(duì)于自定義的對(duì)象，如果定義了tostring()方法來進(jìn)行類型轉(zhuǎn)換的話,，推薦顯式調(diào)用tostring(),，因?yàn)閮?nèi)部的操作在嘗試所有可能性之后，會(huì)嘗試對(duì)象的tostring()方法嘗試能否轉(zhuǎn)化為string,，所以直接調(diào)用這個(gè)方法效率會(huì)更高,。

其實(shí)這個(gè)影響倒比較小，可以忽略,。什么叫使用直接量,，比如，javascript支持使用[param,param,param,...]來直接表達(dá)一個(gè)數(shù)組,，以往我們都使用new array(param,param,...),，使用前者是引擎直接解釋的，后者要調(diào)用一個(gè)array內(nèi)部構(gòu)造器,，所以要略微快一點(diǎn)點(diǎn),。

同樣，var foo = {}的方式也比var foo = new object();快,，var reg = /../;要比var reg=new regexp()快,。

對(duì)字符串進(jìn)行循環(huán)操作，譬如替換,、查找,，應(yīng)使用正則表達(dá)式,，因?yàn)楸旧韏avascript的循環(huán)速度就比較慢，而正則表達(dá)式的操作是用c寫成的語(yǔ)言的api,，性能很好,。

自定義高級(jí)對(duì)象和date、regexp對(duì)象在構(gòu)造時(shí)都會(huì)消耗大量時(shí)間,。如果可以復(fù)用,，應(yīng)采用緩存的方式。

插入html

來給頁(yè)面生成內(nèi)容,。事實(shí)上這樣的效率較低,，如果需要直接插入html，可以找一個(gè)容器元素,，比如指定一個(gè)span或者span,，并設(shè)置他們的innerhtml來將自己的html代碼插入到頁(yè)面中。

使用[""""]()更快,，這和前面的減少對(duì)象查找的思路是一樣的,，()增加了一次查詢和函數(shù)的調(diào)用。

通常我們可能會(huì)使用字符串直接寫html來創(chuàng)建節(jié)點(diǎn),，其實(shí)這樣做

無(wú)法保證代碼的有效性

字符串操作效率低

element()方法,，而如果文檔中存在現(xiàn)成的樣板節(jié)點(diǎn)，應(yīng)該是用clonenode()方法,，因?yàn)槭褂胏reateelement()方法之后,，你需要設(shè)置多次元素的屬性，使用clonenode()則可以減少屬性的設(shè)置次數(shù)——同樣如果需要?jiǎng)?chuàng)建很多元素,，應(yīng)該先準(zhǔn)備一個(gè)樣板節(jié)點(diǎn),。

如果針對(duì)的是不斷運(yùn)行的代碼，不應(yīng)該使用settimeout,，而應(yīng)該是用setinterval,。settimeout每次要重新設(shè)置一個(gè)定時(shí)器。

據(jù)我測(cè)試microsoft的jscript的效率較mozilla的spidermonkey要差很多,，無(wú)論是執(zhí)行速度還是內(nèi)存管理上,，因?yàn)閖script現(xiàn)在基本也不更新了。但spidermonkey不能使用activexobject,。

文件優(yōu)化也是一個(gè)很有效的手段,，刪除所有的空格和注釋，把代碼放入一行內(nèi),，可以加快下載的速度,，注意，是下載的速度而不是解析的速度,，如果是本地,，注釋和空格并不會(huì)影響解釋和執(zhí)行速度,。

總結(jié)：直接拿手頭現(xiàn)成的東西比較快,，如局部變量比全局變量快,，直接量比運(yùn)行時(shí)構(gòu)造對(duì)象快等等。 盡可能少地減少執(zhí)行次數(shù),，比如先緩存需要多次查詢的,。盡可能使用語(yǔ)言內(nèi)置的功能，比如串鏈接,。盡可能使用系統(tǒng)提供的api,，因?yàn)檫@些api是編譯好的二進(jìn)制代碼，執(zhí)行效率很高,。 同時(shí),，一些基本的算法上的優(yōu)化，同樣可以用在javascript中,，比如運(yùn)算結(jié)構(gòu)的調(diào)整,，這里就不再贅述了。

【javascript執(zhí)行效率與性能提升策略】相關(guān)文章：

1.

13 個(gè)提升javascript 性能技巧

探尋javascript執(zhí)行效率問題

在java中執(zhí)行javascript代碼

javascript函數(shù)的執(zhí)行過程

淺談javascript的執(zhí)行順序

怎么提升績(jī)效管理效率

oa系統(tǒng)是如何提升辦公效率

如何提升現(xiàn)有電腦的效率