JS中的惰性函数

惰性函数:

惰性函数表示，此函数有很多个分支判断，但这些分支判断只会在第一次调用时执行，执行后会修改此函数，再次调用时无须判断。

常用于：

1. 针对于去优化频繁使用的函
2. 常用于函数库的编写,单例模式中

实例：

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

优化:

function addEvent(type,element, fun){if(element.addEventListener){// console.log((++time)+" time");addEvent = function(type,element,fun){element.addEventListener(type,fun,false);}}else if(element.attachEvent){addEvent = function (type,element,fun){element.attachEvent('on'+type,fun);}}else{addEvent = function (type,element,fun){element['on' + type] = fun;}}return addEvent(type,element,fun);}

试一试是不是真得就判断一次：

第一种：

第二种,惰性函数：

总结： 有时候针对频繁使用的函数和多个条件判断的函数,可以尝试去使用这个惰性函数,也算是前端性能优化的一种方式!

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！