在JS中有些記憶體只需執行一遍即可,如瀏覽器類型偵測是最常用的功能,因為我們使用Ajax的時候需要偵測瀏覽器的內建的XHR。我們可以在第一次檢測的時候記錄下類型,往後在使用Ajax的時候就不需要再去檢測瀏覽器類型了。在JS中就算只有一個if也總比沒有if的語句效率要高。
普通Ajax方法
/**
* JS惰性函數
*/
function ajax(){
if(typeof XMLHttpRequest != "undefined"){
return new XMLHttpRequest();
}else if(typeof ActiveXObject != "undefined"){
if(typeof arguments.callee.activeXString != "string"){
var versions = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"]; .3.0","MSXML2.XMLHttp"];
for(var i=0,k=version.length;i
try{
new ActiveXObject(versions[i]);
arguments.callee.activeXString = versions[i];
break;
}catch(ex){
throw ex;
}
}
}
return new ActiveXObject(arguments.callee.activeXString);
}else{
throw "No XHR object";
}
}
每次呼叫ajax()函數都要對瀏覽器內建的XHR檢查,效率不高。
使用惰性方式的方法
複製程式碼 程式碼如下:
/**
* JS惰性函數
*/
函數 ajax(){
if(typeof XMLHttpRequest != "未定義"){
ajax = 函數(){
回傳新的 XMLHttpRequest();
};
}else if(typeof ActiveXObject != "未定義"){
ajax = 函數(){
if(typeof argument.callee.activeXString != "string"){
var 版本 = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp "];
for(var i=0,k=version.length;i
嘗試{
var xhr = new ActiveXObject(versions[i]);
argument.callee.activeXString = versions[i];
且為 xhr;
}且抓到(前){
且在丟棄前;
}
}
}
return new ActiveXObject(arguments.callee.activeXString);
}
}其他{
ajax = 函數(){
拋出「沒有 XHR 物件」;
}
}
返回 ajax();
}
在第二個呼叫方法中if的每個分支都會為ajax()變數賦值,有效覆寫了原有函數,最後一步呼叫新的函數。下次呼叫的ajax()的時候,就直接呼叫變數。
最佳化重點
要執行特定程式碼只有實際呼叫才會執行,而某些JS函式庫一開始就偵測瀏覽器,預先設定好。
由於增加了複雜的判斷所以首先速度慢,但後面的多冊運行的效率會更快。
有時候寫程式碼久了,不能一成不變,要常常思考怎樣才能讓程式運作的更快,提高效率。這樣思考的下面寫出來的程式才是精裝的,而不是產生多餘的垃圾程式碼。這也不是OO簡單可以一刀切,其實程式碼很多地方都是活的,人更是活的。