JavaScript-编程技巧-惰性载入函数

页面导航:首页 > 网络编程 > JavaScript > JavaScript-编程技巧-惰性载入函数

JavaScript-编程技巧-惰性载入函数

来源: 作者: 时间:2016-02-04 09:15 【

var testFunc = function(){if(typeof XMLHttpRequest != 39;undefined 39;){testFunc = function(){alert( 39;1 39;);}} else if(typeof ActiveXobject != 39;undefined 39;) {tes
var testFunc = function(){
	if(typeof XMLHttpRequest != 'undefined'){
		testFunc = function(){
			alert('1');
		}
	} else if(typeof ActiveXobject != 'undefined') {
		testFunc = function(){
			alert('2');
		}
	} else {
		testFunc = function(){
			alert('3');
		}
	}
}

此函数在每次调用的时候都会执行判断,我们希望这个判断只执行一次,有两种方式可以实现。

第一种是在函数被调用时候处理,代码如下:

var testFunc = function(){
	if(typeof XMLHttpRequest != 'undefined'){
		testFunc = function(){
			alert('1');
		}
	} else if(typeof ActiveXobject != 'undefined') {
		testFunc = function(){
			alert('2');
		}
	} else {
		testFunc = function(){
			alert('3');
		}
	}
}

第二种是在函数在第一次被加载的时候处理,代码如下:
var testFunc = (function(){
	if(typeof XMLHttpRequest != 'undefined'){
		return function(){
			alert('1');
		}
	} else if(typeof ActiveXobject != 'undefined') {
		return function(){
			alert('2');
		}
	} else {
		return function(){
			alert('3');
		}
	}
});

两种方法均可。
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<