惰性函数是js函数式编程的另一个应用，惰性函数表示函数执行的分支只会在函数第一次调用的时候执行，本文就来为大家介绍一下js惰性函数思想，希望对大家有一定的帮助。
在vue、react等框架大量应用之前，我们需要使用jQuery或者原生js来操作dom写代码，在用原生js进行事件绑定时，我们可以应用DOM2级绑定事件的方法，即：元素.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 { //如果不支持DOM2级事件
element['on' + type] = func;
}
}这个时候，如果一个元素需要通过一个行为添加多个点击事件，如：
emit(div, 'click', fn1); emit(div, 'click', fn2);
在第一次给div进行fn1事件绑定时，已经知道浏览器可以执行哪种绑定方式，执行绑定fn2时，就没有必要再次进行判断，那么代码可以进行修改：
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);
}也就是说，我们在进行第一次判断后，对函数进行重新定义，这样在之后再进行绑定时不需要再进行判断，从性能角度讲，虽然创建了闭包，但优于后续进行多次同一个的判断。
这就是函数的惰性思想，对于同一个判断，我们只需要进行一次就好。
本文来自 js教程 栏目，欢迎学习！
以上就是js惰性函数思想介绍的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
921
