多年來，Javascript一直在web應用開發中佔據重要的地位，但是很多開發者往往忽略一些效能方面的知識，特別是隨著電腦硬體的不斷升級，開發者越發覺得Javascript效能優化的好不好對網頁的執行效率影響不明顯。但在某些情況下，不優化的Javascript程式碼必然會影響使用者的體驗。因此，即使在目前硬體效能已經大幅提升的時代，在編寫Javascript程式碼時，若能遵循Javascript規格和注意一些效能方面的知識，對於提升程式碼的可維護性和最佳化效能將大有好處。
下面給出編寫高效能的Javascript程式碼的若干建議：
1、盡量不要用for-in 迴圈去存取數組，建議用 for 迴圈進行迴圈：
function foo() {
var i, b, c=[,,];
for (i in c) {
b = c[i];
if(b === "")
return b;
}
}
//性能更好
function foo() {
var i, b, c=[,,];
for (i=;i<c.length;i++) {
b = c[i];
if(b === "")
return b;
}
}
2、建議將物件進行快取處理，特別是DOM存取是比較消耗資源的：
//c.length没有缓存，每次迭代都要计算一下数组的长度
function foo() {
var i, b, c=[,,];
for (i=;i<c.length;i++) {
b = c[i];
if(b === "")
return b;
}
}
//性能更好，第一次将数组的长度缓存到变量l中，第二次及后续的循环无需计算数组长度
function foo() {
var i, b, c=[,,],l;
for (i=,l=c.length;i<l;i++) {
b = c[i];
if(b === "")
return b;
}
}
//document.getElementById('info')没有缓存，每次都要遍历DOM
function foo() {
var e;
document.getElementById('info').innerHTML="call ";
document.getElementById('info').innerHTML="call ";
}
//性能更好，第二次无需访问DOM
function foo() {
var e=document.getElementById('info');
e.innerHTML="call ";
e.innerHTML="call ";
}3、建議不要在函數內進行過深的巢狀判斷：
//函数内嵌套判断语句过多
function foo1() {
var r={};
r.data={};
r.data.myProp=2;
if (r) {
if (r.data) {
if (r.data.myProp) {
//逻辑处理
}
else {
//逻辑处理
}
}
}
}
//性能更好
function foo2() {
var r={};
r.data={};
r.data.myProp=2;
if (!r) return;
if (!r.data) return;
if (r.data.myProp) {
//逻辑处理
} else {
//逻辑处理
}
}4、避免循環引用，防止記憶體洩漏：
//需要jQuery
function foo(e,d) {
$(e).on("click", function() {
//对d进行逻辑处理
cbk(d);
}
});
}
//打破循环!
function foo(e, d) {
$(e).on("click", cbk(d));
}
function cbk (d) {
//逻辑处理
} 5、建議避免在函數內傳回一個未宣告的變量，會污染外部變數：
function foo(a, b) {
r = a + b;
return r; //r未声明，则创建了一个全局变量
}6、var聲明變量，建議寫在多行
//自己测试结果是foo快，但也有一种观点是foo快
function foo() {
var c = ;
var sum=;
var d = ;
var e;
}
function foo() {
var c = ,sum=, d = , e;
}說明：其實單一函數時間上差異較小，這裡採用循環多次用累計時間進行效能對比，不同PC配置或瀏覽器測試結果可能有差異。
以上內容是寫出高效能Javascript程式碼的N條建議，希望對大家有幫助。
