在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();
}
在第二个惰性方法中if的每个分支都会为ajax()变量赋值,有效覆盖了原有函数,最后一步调用新的函数。下一次调用的ajax()的时候,就直接调用变量。优化重点
要执行特定代码只有实际调用才执行,而某些js库一开始就检测浏览器,预先设置好。
由于加了复杂的判断所以首次运行速度慢,但后边的多册运行的效率会更快。
有时候写代码久了,不能一成不变,要经常思考怎样才能使程序运行的更快,更有效率。这样的思考下写出来的程序才是精装,而不会产生多余的垃圾代码。这也不是简单oo就能一刀切,实际上代码很多地方都是活的,人更是活的。