闭包是 JavaScript 中一个重要的概念，它可以让我们在函数内部创建一个独立的作用域，并在函数执行结束后仍然可以访问该作用域中的变量。在 ECMAScript 2019 中，闭包的使用变得更加简单和灵活，本文将介绍如何使用闭包来实现一些常见的编程任务。
什么是闭包
在 JavaScript 中，每个函数都有自己的作用域。当函数执行时，它会创建一个新的作用域，并将该作用域中的变量存储在其中。当函数执行结束后，这个作用域会被销毁，其中的变量也会被释放。
但是，有时候我们需要在函数执行结束后仍然可以访问某些变量。这时候就需要使用闭包了。闭包是指函数内部定义的函数，它可以访问外部函数的变量，并将其保存在一个独立的作用域中。这个作用域在函数执行结束后不会被销毁，因此闭包可以在函数执行结束后仍然访问这些变量。
如何使用闭包
在 ECMAScript 2019 中，使用闭包变得更加简单和灵活。下面是一些常见的使用闭包的场景和示例代码。
1. 在循环中使用闭包
在循环中使用闭包时，需要注意的是每次循环都会创建一个新的作用域。如果不使用闭包，那么每次循环中的变量都会被覆盖，最终只会留下最后一次循环中的变量。使用闭包可以解决这个问题。
for (var i = 0; i < 5; i++) {
(function(j) {
setTimeout(function() {
console.log(j);
}, j * 1000);
})(i);
}在上面的代码中，我们使用了一个立即执行函数来创建闭包。这个函数会将循环变量 i 传入闭包中，并在闭包中保存下来。在每次循环中，我们都会创建一个新的闭包，并将当前的循环变量传入其中。这样，每个闭包都可以访问自己所保存的循环变量，而不会被其他闭包覆盖。
2. 在事件处理函数中使用闭包
在事件处理函数中使用闭包时，需要注意的是事件处理函数会在全局作用域中执行，而不是在函数作用域中执行。因此，如果不使用闭包，事件处理函数中无法访问外部函数的变量。
function setup() {
var count = 0;
document.getElementById('button').addEventListener('click', function() {
count++;
console.log(count);
});
}在上面的代码中，我们定义了一个 setup 函数，在其中创建了一个计数器变量 count 和一个按钮元素。然后，我们给按钮元素添加了一个点击事件处理函数，该函数会将计数器变量加一，并输出当前的计数器值。
如果不使用闭包，事件处理函数中无法访问 count 变量。但是，我们可以使用闭包来保存 count 变量，并在事件处理函数中访问它。
function setup() {
var count = 0;
document.getElementById('button').addEventListener('click', function() {
count++;
console.log(count);
});
}在上面的代码中，我们创建了一个闭包，并将 count 变量传入其中。在事件处理函数中，我们可以访问闭包中保存的 count 变量，并对其进行修改。
3. 在模块中使用闭包
在模块中使用闭包时，可以将模块中的变量和函数保存在一个独立的作用域中，避免与其他模块中的变量和函数发生命名冲突。这种方式称为模块化编程。
// javascriptcn.com 代码示例
var module = (function() {
var count = 0;
function increment() {
count++;
console.log(count);
}
function decrement() {
count--;
console.log(count);
}
return {
increment: increment,
decrement: decrement
};
})();
module.increment(); // 输出 1
module.increment(); // 输出 2
module.decrement(); // 输出 1在上面的代码中，我们创建了一个模块，并使用一个立即执行函数来创建闭包。在闭包中，我们定义了一个计数器变量 count 和两个函数 increment 和 decrement。然后，我们将这两个函数暴露给外部，以便其他模块可以访问它们。
在模块中使用闭包可以有效地避免命名冲突，并且可以让模块的接口更加清晰和易于使用。
总结
闭包是 JavaScript 中一个重要的概念，它可以让我们在函数内部创建一个独立的作用域，并在函数执行结束后仍然可以访问该作用域中的变量。在 ECMAScript 2019 中，使用闭包变得更加简单和灵活，我们可以在循环、事件处理函数和模块中使用闭包，以实现各种编程任务。使用闭包可以避免变量的命名冲突，并且可以让代码更加清晰和易于维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656ac783d2f5e1655d333aaa