高阶函数 - 惰性加载函数

Posted 2020-09-27 Sorrow.X

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了高阶函数 - 惰性加载函数相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高阶函数 - 惰性加载函数</title>
</head>
<body>
    <div style="width: 100px; height: 100px; background: #f60;" id="div1"></div>
    <script>
        /**
         * 根据作用域链内部会重写外部的addEvent变量(如果在1. 2.处, 在addEvent前加上var就不是惰性了)
         */
        var addEvent = function(ele, type, handler) {
            if (window.addEventListener) {    // 标准
                addEvent = function(ele, type, handler) {    // 1.
                    ele.addEventListener(type, handler, false);
                };
            } else if (window.attachEvent) {
                addEvent = function(ele, type, handler) {    // 2.
                    ele.attachEvent(‘on‘ + type, handler);
                };
            };
            addEvent(ele, type, handler);
        };

        var div = document.querySelector(‘#div1‘);
        addEvent(div, ‘click‘, function() {
            console.log(111);
        });

        addEvent(div, ‘click‘, function() {
            console.log(222);
        })

    </script>
</body>
</html>

以上是关于高阶函数 - 惰性加载函数的主要内容，如果未能解决你的问题，请参考以下文章

《JavaScript设计模式与开发》笔记 6.高阶函数

从延迟处理讲起，JavaScript 也能惰性编程？

这些高阶的函数技术，你掌握了么

函数式编程的Java编码实践：利用惰性写出高性能且抽象的代码

python 高阶函数详解。