闭包常用示例

在 JavaScript 项目中，闭包（closure）是一种强大且常用的技术，它允许函数访问并保留在其词法作用域（lexical scope）之外定义的变量。闭包的应用场景非常广泛，以下是几个常见的应用例子：

1. 数据隐藏和封装

闭包可以用于创建私有变量和方法，从而实现数据隐藏和封装。

function createCounter() {
    let count = 0; // 私有变量

    return {
        increment: function() {
            count++;
            return count;
        },
        decrement: function() {
            count--;
            return count;
        },
        getCount: function() {
            return count;
        }
    };
}

const counter = createCounter();
console.log(counter.increment()); // Output: 1
console.log(counter.increment()); // Output: 2
console.log(counter.decrement()); // Output: 1
console.log(counter.getCount()); // Output: 1
 

2. 回调函数

在事件处理和异步操作中，闭包经常用于回调函数中，保持对外部变量的引用。

function registerHandlers() {
    for (let i = 0; i < 5; i++) {
        document.getElementById("button" + i).addEventListener("click", function() {
            console.log("Button " + i + " clicked");
        });
    }
}

registerHandlers();
 

在这个例子中，每个按钮的点击事件处理函数都是一个闭包，保持了对 i 的引用。

3. 函数柯里化

闭包是实现函数柯里化的重要技术。

function add(x) {
    return function(y) {
        return x + y;
    };
}

const add5 = add(5);
console.log(add5(3)); // Output: 8
console.log(add5(10)); // Output: 15
 

4. 记忆化（Memoization）

记忆化是一种优化技术，通过缓存函数调用结果来提高性能。闭包可以用来存储缓存数据。

function memoize(fn) {
    const cache = {};
    return function(...args) {
        const key = JSON.stringify(args);
        if (cache[key]) {
            return cache[key];
        } else {
            const result = fn(...args);
            cache[key] = result;
            return result;
        }
    };
}

const fib = memoize(function(n) {
    if (n <= 1) {
        return n;
    }
    return fib(n - 1) + fib(n - 2);
});

console.log(fib(10)); // Output: 55
 

5. 模块模式

闭包可以用于创建模块，使得模块内部的变量和方法对外部不可见，从而实现封装。

const module = (function() {
    let privateVar = "I am private";

    function privateMethod() {
        console.log(privateVar);
    }

    return {
        publicMethod: function() {
            privateMethod();
        }
    };
})();

module.publicMethod(); // Output: I am private
// console.log(module.privateVar); // Error: privateVar is not defined
// module.privateMethod(); // Error: privateMethod is not a function
 

6. 延迟执行

闭包可以用于延迟执行某些操作，直到需要时再执行。

function delayExecution(message, delay) {
    return function() {
        setTimeout(function() {
            console.log(message);
        }, delay);
    };
}

const delayedHello = delayExecution("Hello, World!", 2000);
delayedHello(); // Output: Hello, World! (after 2 seconds)
 

总结

闭包在 JavaScript 中有着广泛的应用，它不仅能帮助实现数据隐藏和封装，还能用于回调函数、函数柯里化、记忆化、模块模式和延迟执行等场景。理解和掌握闭包的使用，对于编写高效、可维护的 JavaScript 代码至关重要。