JavaScript 中闭包小结

在 JavaScript 中，闭包（Closure）是一个非常重要的概念，也是其功能强大的原因之一。

闭包可以简单理解为一个能访问和操作其外部词法环境（lexical environment）的函数。

这意味着一个函数内部的函数（或称为内嵌函数）可以访问其父级函数的变量，甚至在父级函数执行完毕后，这些变量依然可以被内嵌函数访问。这是因为闭包可以维持一个到其外部作用域的引用。

以下是闭包的一些主要特性和应用：

1. 数据封装和私有变量：通过闭包，我们可以创建私有变量，只能通过特定的公开方法进行访问和修改。这是模块模式的基础，也是实现许多设计模式和库（如 jQuery 的插件系统）的关键。

function createCounter() {  
    let count = 0;  
    return {  
        increment: function() {  
            count++;  
        },  
        getCurrentCount: function() {  
            return count;  
        }  
    };  
}   
const counter = createCounter();  
counter.increment();  
console.log(counter.getCurrentCount()); // 1

在这个例子中，count 是一个私有变量，只能通过 increment 和 getCurrentCount 这两个公开方法进行访问和修改。

2. 实现回调函数和高阶函数：闭包常常被用作回调函数，因为它们可以记住自己的词法环境，包括 this 和外部变量。这使得它们可以在异步操作（如 setTimeout、Promise、Ajax 等）中保持状态。

function greet(name) {  
    setTimeout(function() {  
        console.log("Hello, " + name);  
    }, 1000);  
}  
greet("World"); // 一秒后输出 "Hello, World"

在这个例子中，即使 greet 函数已经执行完毕，setTimeout 中的回调函数依然可以访问到 name 变量，这就是因为回调函数形成了一个闭包。

3. 实现装饰器/函数修饰器：闭包可以用于修改或增强函数的行为。例如，我们可以创建一个闭包来“记住”前一个函数的调用结果，并在下一次调用时返回这个记住的结果（这被称为记忆化或缓存）。

function memoize(fn) {  
	//使用到块作用域let定义变量，使
    let cache = Object.create(null);  
    return function(key) {  
        if (cache[key]) {  
            return cache[key];  
        } else {  
            return cache[key] = fn(key);  
        }  
    };  
}  
const fibonacci = memoize(function(n) {  
    return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);  
});  
// 由于使用了记忆化，这个函数不会重复计算已经计算过的 Fibonacci 数
console.log(fibonacci(10)); 

在这个例子中，memoize 函数返回了一个新的函数，这个新的函数形成了一个闭包，可以访问和修改 cache 对象。这样，每次调用新的函数时，它都会先检查 cache 对象中是否已经有结果，如果有就直接返回，否则就计算结果并保存到 cache 对象中。

总的来说，闭包是 JavaScript 中一个非常重要的概念，它使得函数可以记住并访问其词法环境，从而实现了许多强大的功能。但是，使用闭包时也需要注意内存泄漏的问题，因为闭包可以保留其外部环境的引用，导致这部分内存不能被垃圾收集器回收。因此，在使用闭包时，我们需要合理地管理内存，避免不必要的引用，以防止内存泄漏。