JavaScript AJAX之惰性載入函數_javascript技巧

在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簡單可以一刀切，其實程式碼很多地方都是活的，人更是活的。