Javascript的闭包有哪些应用？你学会了吗？

JavaScript 中的闭包是一种强大的特性，它可以用于多种应用。以下是一些闭包在 JavaScript 中的常见应用：

1、封装私有变量： 通过闭包，可以创建私有变量和方法。外部作用域无法直接访问闭包内的变量，从而实现了信息隐藏和封装。

function createCounter() {

    let count = 0;

    return function() {

        count++;

        return count;

    };

}

const counter = createCounter();

console.log(counter()); // 1

console.log(counter()); // 2

2、模块模式： 使用闭包可以创建模块，将相关的功能组织在一起，同时保持内部状态的私有性。

const Module = (function() {

    let privateVar = 0;

    function privateFunction() {

        // ...

    }

    return {

        publicVar: 1,

        publicFunction: function() {

            privateVar++;

            return privateFunction();

        }

    };

})();

console.log(Module.publicVar); // 1

console.log(Module.publicFunction()); // Result of privateFunction

3、事件处理程序： 在事件处理程序中使用闭包，可以保持对外部作用域的状态引用，而无需全局变量。

function setupEventListener() {

    let count = 0;

    document.getElementById('myButton').addEventListener('click', function() {

        count++;

        console.log(`Button clicked ${count} times.`);

    });

}

setupEventListener();

4、回调函数： 闭包经常用于创建回调函数，保存对外部函数作用域的引用，以便在稍后调用。

function doSomethingAsync(callback) {

    setTimeout(function() {

        console.log('Async operation completed.');

        callback();

    }, 1000);

}

doSomethingAsync(function() {

    console.log('Callback executed.');

});

5、实现函数记忆： 闭包可以用于缓存函数的结果，以提高性能。这通常用于递归函数或计算昂贵的操作。

function memoize(fn) {

    const cache = {};

    return function(...args) {

        const key = JSON.stringify(args);

        if (!cache[key]) {

            cache[key] = fn(...args);

        }

        return cache[key];

    };

}

const memoizedAdd = memoize(function(x, y) {

    console.log('Calculating sum...');

    return x + y;

});

console.log(memoizedAdd(2, 3)); // Calculating sum... 5

console.log(memoizedAdd(2, 3)); // 5 (from cache)

这些只是 JavaScript 中闭包的一些常见用法。闭包的灵活性使得它在许多不同的上下文中都能够发挥作用。