什么是闭包？

阅读量加载中...

        关于闭包，在MDN上是这样写的： 闭包是由捆绑起来（封闭的）的函数和函数周围状态（词法环境）的引用组合而成。 换言之，闭包让函数能访问它的外部作用域。在 JavaScript 中，闭包会随着函数的创建而同时创建。

        那么，我们就来说一说闭包的优点和缺点。

一. 优点:

1. 数据封装与私有变量:

代码示例 
function createCounter() {
    let count = 0;
    
    return {
        increment: function() { count++; },
        decrement: function() { count--; },
        getCount: function() { return count; }
    };
}
  
const counter = createCounter();
counter.increment();
console.log(counter.getCount()); // 1
// 无法直接访问count变量，实现了私有化

2. 保持状态:

        闭包可以让函数"记住"它被创建时的环境， 这在事件处理、回调函数等场景非常有用。

3. 模块化开发:

        现代模块系统(如ES6模块)的很多实现原理都基于闭包。


二. 缺点:

1. 内存泄漏风险：

        闭包会阻止垃圾回收机制回收不再使用的变量，如果不当使用可能导致内存泄漏。

2. 性能考虑

        闭包的创建和维护比普通函数需要更多内存和处理时间。

3. 调试困难：

        闭包中的变量可能难以追踪，增加调试难度。


三. 闭包的实际应用:

1. 防抖(Debounce)和节流(Throttle)：

代码示例 
// 防抖实现
function debounce(fn, delay) {
    let timer = null;
    return function() {
        clearTimeout(timer);
        timer = setTimeout(() => {
            fn.apply(this, arguments);
        }, delay);
    };
}

2. 柯里化(Currying)：

代码示例 
function curry(fn) {
    return function curried(...args) {
        if (args.length >= fn.length) {
            return fn.apply(this, args);
        } else {
            return function(...args2) {
                return curried.apply(this, args.concat(args2));
            };
        }
    };
}
▲
TOP