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