JavaScript AJAX之惰性载入函数_javascript技巧-js教程-PHP中文网

JavaScript AJAX之惰性载入函数_javascript技巧

php中文网

发布： 2016-05-16 16:38:38

原创

1348人浏览过

在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"];    

            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惰性函数

 */

function ajax(){

    if(typeof XMLHttpRequest != "undefined"){

        ajax = function(){

            return new XMLHttpRequest();    

        };

    }else if(typeof ActiveXObject != "undefined"){

        ajax = function(){

            if(typeof arguments.callee.activeXString != "string"){

                var versions = ["MSXML2.XMLHttp.6.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp"];    

                for(var i=0,k=version.length;i
                    try{

                        var xhr = new ActiveXObject(versions[i]);   

                        arguments.callee.activeXString = versions[i];

                        return xhr;

                    }catch(ex){

                        throw ex;   

                    }

                }

            }   

            return new ActiveXObject(arguments.callee.activeXString);

        }

    }else{

        ajax = function(){

            throw "No XHR object";  

        }

    }

    return ajax();

}