函数式编程——单例模式

师兄写的,,,忘了地址了

// 这里我们创建了一个单例模式
let single = function (fn) {
    let ret;
    return function () {
        return ret || (ret = fn.apply(this, arguments));
    }
};

let bindEvent = single(function () {
    // 虽然下面的renders函数执行3次,bindEvent也执行了3次
    // 但是根据单例模式的特点,box上绑定的click事件只绑定了1次
    // document.getElementById('box').onclick = function() {
    //     alert('click');
    // }
    document.getElementById('box').addEventListener('click', function () {
        console.log('click')
    })
    return true;
});

let renders = function() {
    console.log('渲染');
    bindEvent();
}

renders();
renders();
renders();
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容