首页 > 其他 > 详细

惰性载入函数

时间:2020-11-09 14:41:08      阅读:31      评论:0      收藏:0      [点我收藏+]

惰性载入函数就是当第一次根据条件执行函数后,在第二次调用函数时,就不在检测条件,直接执行函数。我们可以在第一次条件判断的时候,在满足判断条件的的分支中覆盖掉所调用的函数。

实现方式

function addHandler(element, type, handler) {
    if (element.addEventListener) {
        addHandler = function (element, type, handler) {
            element.addEventListener(type, handler, false);
        };
    } else if (element.attachEvent) {
        addHandler = function (element, type, handler) {
            element.attachEvent("on" + type, handler);
        };
    } else {
        addHandler = function (element, type, handler) {
            element["on" + type] = handler;
        };
    }
    // 保证首次调用能正常执行监听
    return addHandler(element, type, handler);
}

也可以使用IIFE来实现惰性载入

const addHandler = (function () {
    if (document.addEventListener) {
        return function (element, type, handler) {
            element.addEventListener(type, handler, false);
        };
    } else if (document.attachEvent) {
        return function (element, type, handler) {
            element.attachEvent("on" + type, handler);
        };
    } else {
        return function (element, type, handler) {
            element["on" + type] = handler;
        };
    }
})();

惰性载入函数

原文:https://www.cnblogs.com/zhenjianyu/p/13947834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!