JavaScript AJAX之惰性载入函数
更新时间：2014年08月27日 10:56:12 投稿：junjie
这篇文章主要介绍了JavaScript AJAX之惰性载入函数,惰性载入表示函数执行的分支仅会发生1次,是种JS的优化技巧,需要的朋友可以参考下
在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<k;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<k;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就能一刀切，实际上代码很多地方都是活的，人更是活的。
相关文章
这篇文章主要为大家详细介绍了javascript设计模式之中介者模式学习笔记，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
可以自动运行exe文件，黑客程序，网页木马等2008-11-11
下面小编就为大家分享一篇响应式框架Bootstrap栅格系统的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
replace方法的语法是stringObj.replace(rgExp, replaceText),其中stringObj是字符串(string),下面这篇文章主要给大家介绍了关于JavaScript中replace()函数的相关资料,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了使用js在layui中实现上传图片压缩，layui 是一款采用自身模块规范编写的前端 UI 框架,js上传图片压缩百度有很多方法，,需要的朋友可以参考下2019-06-06
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象,这篇文章主要给大家介绍了关于JS中URL.createObjectURL使用的相关资料,需要的朋友可以参考下2022-03-03
应用uni-app开发跨平台App项目时,上传图片、文档等资源功能需求十分常见,下面这篇文章主要给大家介绍了关于uniapp基础篇之上传图片的相关资料,需要的朋友可以参考下2022-12-12
JavaScript的Array对象有一个sort方法，用于实现对数组元素的排序，该方法默认按照数组项ASCII 字符顺序升序排列。这篇文章重点给大家介绍js模拟实现Array的sort方法，一起看看吧2007-12-12
这篇文章主要给大家介绍了关于Javascript数组方法reduce的妙用之处，文中通过示例代码介绍的非常详细，对大家学习或者使用Javascript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-06-06
这篇文章主要介绍了JavaScript 数据结构之集合创建，集合是由一组无序且唯一的元素组成。数据结构中的集合，对应的是数学概念当中的有限集合；下文详细介绍需要的小伙伴可以参考一下2022-04-04
最新评论