提高javascript效率一次判斷,而不要次次判斷_javascript技巧

下面來(lái)看一個(gè)我們平時(shí)經(jīng)常看到的JS函數(shù),他的作用是判斷瀏覽器類(lèi)型然后設(shè)置對(duì)應(yīng)的透明度屬性：
代碼如下:
function setAlpha(obj,alpha){
if (-[1,]) obj.style.opacity = alpha / 100;
else obj.style.filter = "alpha(opacity=" + alpha + ")";
}

這個(gè)函數(shù)有錯(cuò)嗎？沒(méi)有。先判斷瀏覽器是否是標(biāo)準(zhǔn)瀏覽器，如果是，就直接通過(guò)opacity設(shè)置透明；如果不是，則使用IE濾鏡來(lái)實(shí)現(xiàn)透明度。

邏輯清晰，代碼簡(jiǎn)練，精品啊！

不過(guò)，沒(méi)有錯(cuò)誤，卻有失誤。

通常，這種設(shè)置透明度的函數(shù)都會(huì)用來(lái)制作淡入淡出效果，也就是說(shuō)它會(huì)被setTimeout一次次的調(diào)用，直到循環(huán)結(jié)束。

這時(shí)候問(wèn)題就來(lái)了。回到前面的岔路問(wèn)題，這個(gè)函數(shù)就相當(dāng)于，每次來(lái)到路口，都要思考判斷。第1次，來(lái)到路口，騷等，我看看，噢，是firefox啊，走第1條路；第2次，又來(lái)到這路口，等等，我看看，噢，又是firefox啊，還走第1條路……第3次……第4次。。不管多少次，這個(gè)函數(shù)都會(huì)像最敬業(yè)的交警一樣來(lái)查看你的身份————你，不煩嗎？你不煩我都煩了！

這時(shí)候，如果你是過(guò)路的，你肯定希望這個(gè)交警消失。

其實(shí)，遇到岔路我們可以這樣：既然已經(jīng)知道只走一條路，那我干脆把另外的路給堵死算了！當(dāng)然在現(xiàn)實(shí)生活中不可能這樣做，不過(guò)在代碼里卻不難實(shí)現(xiàn)，換個(gè)思路即可。

javascript有個(gè)神奇的地方，就是匿名函數(shù)（通常用來(lái)自執(zhí)行），自執(zhí)行函數(shù)的意思是呢，他聲明的時(shí)候就執(zhí)行掉了，以后就不會(huì)再出現(xiàn)了，你想找都不定能找到！個(gè)人覺(jué)得，這個(gè)性不錯(cuò)。

看下面的代碼，同樣是設(shè)置透明度的函數(shù)：

代碼如下:
var setAlpha = (function(obj,alpha){
var set;
if (-[1,]) {
set = function (obj,alpha) {
obj.style.opacity = alpha * 0.01;
}
}
else {
set = function(obj,alpha){
obj.style.filter = "alpha(opacity=" + alpha + ")";
}
}
return set;
})()

也許你要不滿(mǎn)了：這是什么玩意兒啊，好像初學(xué)者的水平（被你看穿了。。）但是！這個(gè)卻比前面的版本效率高很多。不信你可以在firefox和ie6下分別alert一下這個(gè)函數(shù)，就明白了。

通過(guò)自執(zhí)行函數(shù)，當(dāng)聲明setAlpha的時(shí)候就執(zhí)行了函數(shù)，而這個(gè)函數(shù)的作用就是，判斷瀏覽器，并確定該使用哪種設(shè)置透明度的方法。由于瀏覽器的類(lèi)型在打開(kāi)頁(yè)面后就不可能再變化，也就是以后都不用再判斷了。就算你調(diào)用10萬(wàn)次這個(gè)函數(shù)，他也不會(huì)再判斷，而是直接執(zhí)行。

雖然代碼丑，但境界就不同了…

這個(gè)例子只是一個(gè)小小示范，我只是希望你能明白【一次判斷，而不要次次判斷】的道理，并發(fā)揚(yáng)光大。減少判斷次數(shù)，對(duì)js的效率是一個(gè)很大的提高。
轉(zhuǎn)自:jo2.org

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com