js-惰性函數

利用閉包思想
原來定義一個函數來根據情況執行

// DOM2 事件綁定 DOM事件參考鏈接:DOM級別事件
	// 元素.addEventListener();
	// 元素.attachEvent();
function emit(element,type,func) {
	if(element.addEventListener) {
		element.addEventListener(type,func,false)
	}else if (element.attachEvent){
		element.attachEvent('on'+type,func)
	} else {
		element['on'+type] = func
	}
}

emit(box,'click',func);
emit(box,'click',func);

使用閉包

function emit(element,type, func){
	if (element.addEventListener) {
		emit = function(element,type,func){
			element.addEventListener(type,func,false)
		}
	} else if(element.attachEvent) {
		emit = function(element,type,func){
			element.attachEvent('on'+type, func);
		}
	} else {
		emit = function(element,type,func){
			element['on'+type] = func
		}
	}
	emit(element,type,func)
}
emit(box,'click',func);
emit(box,'click',func);

兩者的區別
前者在添加事件時每次都會去判斷當前環境兼容性;
而使用了閉包思想的惰性函數之後,在多次調用後,可以大大節省後面的判斷步驟;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章