其他分享
首页 > 其他分享> > 惰性函数

惰性函数

作者:互联网

函数高阶3

函数重写

一个函数执行之后, 被另一个函数覆盖了。 其实就是你之前函数指针, 指向了另一个新函数.

function fun_a(){
	console.log('fun_a');
	fun_a = function(){
		console.log("fun_b");
	}
}

fun_a();  // fun_a,  并且让fun_a指向新函数
fun_a();  // fun_b

看例子

function addEvent(type, element, fun) {
    if (element.addEventListener) {
        element.addEventListener(type, fun, false);
    }
    else if(element.attachEvent){
        element.attachEvent('on' + type, fun);
    }
    else{
        element['on' + type] = fun;
    }
}

每次给浏览添加事件的时候,都会做判断。 其实,我们在第一次用addEvent函数的时候,就已经可以确定浏览器了,之后所有调用addEvent都会做同样的判断,走同样的分支。在上面我们已经知道了 函数重写了, 那么我们在一次做出判断之后,重写 addEvent 函数,这样以后调用的时候就不需要判断了。
改写成如下形式: 利用到了立即执行函数,在函数加载的时候就做出了判断,返回确定函数

var addEvent = (function () {
    if (document.addEventListener) {
        return function (type, element, fun) {
            element.addEventListener(type, fun, false);
        }
    }
    else if (document.attachEvent) {
        return function (type, element, fun) {
            element.attachEvent('on' + type, fun);
        }
    }
    else {
        return function (type, element, fun) {
            element['on' + type] = fun;
        }
    }
})();

惰性函数

惰性函数的本质是函数重写。
惰性函数, 是指在执行之后才能确定函数本身,不是确定在定义时。

适用场景

  1. 应用频繁,如果只用一次,是体现不出它的优点出来的,用的次数越多,越能体现这种模式的优势所在;
  2. 分支判断,调用的所有结果都会走同样的分支。
    适用浏览器的兼容性。

标签:function,函数,element,addEvent,惰性,fun,type
来源: https://www.cnblogs.com/cyrus-br/p/10529711.html