闭包的理解及应用

闭包

• 闭包就是指有权访问另一个函数作用域中的变量的函数
• MDN 上面这么说：闭包是一种特殊的对象。

闭包的作用域链包含着它自己的作用域，以及包含它的函数的作用域和全局作用域。闭包的注意事项
通常，函数的作用域及其所有变量都会在函数执行结束后被销毁。但是，在创建了一个闭包以后，
这个函数的作用域就会一直保存到闭包不存在为止。

我们首先知道闭包有3个特性：
①函数嵌套函数
②函数内部可以引用函数外部的参数和变量
③参数和变量不会被垃圾回收机制回收

优点:
①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突
②在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）
③匿名自执行函数可以减少内存消耗

闭包的缺点就是常驻内存会增大内存使用量，并且使用不当很容易造成内存泄露。
如果不是因为某些特殊任务而需要闭包，在没有必要的情况下，在其它函数中创建函数是不明智的，
因为闭包对脚本性能具有负面影响，包括处理速度和内存消耗。

// 防抖
function debounce(fn, wait) {
    let timeout = null;
    return function() {
        let context = this;
        let args = arguments;
        if (timeout) clearTimeout(timeout);
        let callNow = !timeout;
        timeout = setTimeout(() => {
            timeout = null;
        }, wait);
        if (callNow) fn.apply(context, args);
    };
}
 
// 使用示例
window.addEventListener('resize', debounce(function() {
    console.log('窗口大小已改变');
}, 250));

// 截流
function throttle(fn, wait) {
    let previous = 0;
    return function() {
        let context = this;
        let args = arguments;
        let now = new Date();
        if (now - previous > wait) {
            fn.apply(context, args);
            previous = now;
        }
    };
}

// 使用示例
window.addEventListener('scroll', throttle(function() {
    console.log('滚动事件被触发');
}, 200));