下面是一些關(guān)于客戶端JS性能的一些優(yōu)化的小技巧：

1. 關(guān)于JS的循環(huán)，循環(huán)是一種常用的流程控制。JS提供了三種循環(huán)：for(;;)、while()、for(in)。在這三種循環(huán)中 for(in)的效率最差，因?yàn)樗枰樵僅ash鍵，因此應(yīng)盡量少用for(in)循環(huán)，for(;;)、while()循環(huán)的性能基本持平。當(dāng)然，推薦使用for循環(huán)，如果循環(huán)變量遞增或遞減，不要單獨(dú)對(duì)循環(huán)變量賦值，而應(yīng)該使用嵌套的++或--運(yùn)算符。

2. 如果需要遍歷數(shù)組，應(yīng)該先緩存數(shù)組長(zhǎng)度var len=arr.length; for(i=0;i<len;i++)，將數(shù)組長(zhǎng)度放入局部變量中，避免多次查詢數(shù)組長(zhǎng)度。

3. 局部變量的訪問(wèn)速度要比全局變量的訪問(wèn)速度更快，因?yàn)槿肿兞科鋵?shí)是window對(duì)象的成員，而局部變量是放在函數(shù)的棧里的。

4. 盡量少使用eval，每次使用eval需要消耗大量時(shí)間，特別是在循環(huán)內(nèi)，json[i][變量]=1;這樣的語(yǔ)句可以不使用eval。

5. 盡量避免對(duì)象的嵌套查詢，對(duì)于obj1.obj2.obj3.obj4這個(gè)語(yǔ)句，需要進(jìn)行至少3次查詢操作，先檢查obj1中是否包含 obj2，再檢查obj2中是否包含obj3，然后檢查obj3中是否包含obj4...這不是一個(gè)好策略。應(yīng)該盡量利用局部變量，將obj4以局部變量 保存，從而避免嵌套查詢。

6. 使運(yùn)算符時(shí)，盡量使用+＝，－＝、*＝、\=等運(yùn)算符號(hào)，而不是直接進(jìn)行賦值運(yùn)算。

7. 當(dāng)需要將數(shù)字轉(zhuǎn)換成字符時(shí)，采用如下方式："" + 1。從性能上來(lái)看，將數(shù)字轉(zhuǎn)換成字符時(shí)，有如下公式：("" +) > String() > .toString() > new String()。String()屬于內(nèi)部函數(shù)，所以速度很快。而.toString()要查詢?cè)椭械暮瘮?shù)，所以速度遜色一些，new String()需要重新創(chuàng)建一個(gè)字符串對(duì)象，速度最慢。

8. 當(dāng)需要將浮點(diǎn)數(shù)轉(zhuǎn)換成整型時(shí)，應(yīng)該使用Math.floor()或者M(jìn)ath.round()。而不是使用parseInt(),該方法用于將字符串轉(zhuǎn)換成數(shù)字。而且Math是內(nèi)部對(duì)象，所以Math.floor()其實(shí)并沒(méi)有多少查詢方法和調(diào)用時(shí)間，速度是最快的。

9.盡量作用JSON格式來(lái)創(chuàng)建對(duì)象，而不是var obj=new Object()方法。因?yàn)榍罢呤侵苯訌?fù)制，而后者需要調(diào)用構(gòu)造器，因而前者的性能更好。

10.當(dāng)需要使用數(shù)組時(shí)，也盡量使用JSON格式的語(yǔ)法，即直接使用如下語(yǔ)法定義數(shù)組：[parrm,param,param...],而不是采用 new Array(parrm,param,param...)這種語(yǔ)法。因?yàn)槭褂肑SON格式的語(yǔ)法是引擎直接解釋的。而后者則需要調(diào)用Array的構(gòu)造器。

11. 對(duì)字符串進(jìn)行循環(huán)操作，例如替換、查找，就使用正則表達(dá)式。因?yàn)镴S的循環(huán)速度比較慢，而正則表達(dá)式的操作是用C寫成的API，性能比較好。

最后有一個(gè)基本原則，對(duì)于大的JS對(duì)象，因?yàn)閯?chuàng)建時(shí)時(shí)間和空間的開銷都比較大，因此應(yīng)該盡量考慮采用緩存。

最新評(píng)論