性能优化之惰性函数

我们正常封装一个兼容的绑定事件函数会这样写：

function addEvent(dom, type, handle) {
    if (dom.addEventListener) {
        dom.addEventListener(type, handle, false)
    } else {
        dom.attachEvent('on' + type, handle)
    }
}

看起来没什么问题，但是，既然我们封装了这样一个函数，那我们肯定会频繁调用它，

每次调用都走一次if 判断，性能就会降低，

那我们就要想一个办法，只在第一次调用时判断一次，后面再次调用就不用判断了，

这就是惰性函数的用法：

function addEvent(dom, type, handle) {
    if (dom.addEventListener) {
        dom.addEventListener(type, handle, false);
        addEvent = function (dom, type, handle) {
            dom.addEventListener(type, handle, false);
        }
    } else {
        dom.attachEvent('on' + type, handle);
        addEvent = function (dom, type, handle) {
            dom.attachEvent('on' + type, handle);
        }
    }
}

直接在函数内部重写这个函数。

版权声明：本文来源博客园，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://www.cnblogs.com/LHLVS/p/10816035.html
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-11-17 17:25:11
阅读 ( 1051 )
分类：

性能优化之惰性函数

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看