深入浅出，破解JS闭包的奥秘
2024-02-23 08:50:10
前言
JS闭包，对于每一个前端而言都是一个绕不开的概念。本人学习之初，因为闭包这个概念而花费了大量的时间以及精力去理解这个概念。所以在这里，我打算写一篇文章来分享一下本人的学习心得以及我眼中的闭包。
何谓闭包？
闭包的完整定义如下：
闭包 （Closure）是指可以访问其他函数内部变量的函数，即使这些变量的作用域已经结束。闭包利用了JavaScript的词法作用域规则，可以让函数保留对函数体中声明的变量的引用，即使函数体已经执行完毕。
换句话说，闭包是能够访问函数内部变量的函数，即使这些变量的作用域已经结束。
闭包的原理
闭包的原理很简单，但要理解它，你需要对JavaScript的作用域有一些了解。
在JavaScript中，变量的作用域是由它的位置决定的。全局变量的作用域是整个程序，局部变量的作用域是它所在的函数体。
当一个函数被调用时，它会创建一个新的作用域。在这个作用域中，可以访问函数的参数、局部变量以及父作用域的变量。
当函数调用结束时，它的作用域也会被销毁。这意味着函数中声明的局部变量将不再存在，对它们的引用也将无效。
然而，闭包可以打破这个规则。当一个函数被调用时，如果它引用了父作用域的变量，那么即使函数调用结束，对父作用域变量的引用仍然有效。
这是因为闭包会将父作用域的变量存储在一个特殊的对象中，该对象称为闭包对象。闭包对象的作用域是整个程序，这意味着对闭包对象的引用将始终有效。
闭包的作用
闭包有很多作用，但最常见的用途是：
- 保留对函数内部变量的引用，即使函数体已经执行完毕。
- 在函数外部访问函数内部的变量，即使函数已经调用结束。
- 在函数之间传递数据，即使这些函数不属于同一个作用域。
闭包的实现
在JavaScript中，可以通过两种方式实现闭包：
- 使用匿名函数
- 使用IIFE（Immediately Invoked Function Expression）
下面分别介绍这两种方法：
1. 使用匿名函数
匿名函数是指没有名字的函数，可以使用以下语法创建：
(function() {
// 函数体
})();
匿名函数可以作为参数传递给其他函数，也可以存储在变量中。
例如，以下代码使用匿名函数创建了一个闭包：
var add = function(x, y) {
return x + y;
};
var sum = add(1, 2); // 3
在这个例子中，函数add是一个闭包，因为它引用了变量x和y。即使函数add已经执行完毕，对变量x和y的引用仍然有效。
2. 使用IIFE
IIFE是一种立即执行的函数表达式，可以使用以下语法创建：
(function() {
// 函数体
}());
IIFE与匿名函数的不同之处在于，IIFE会立即执行。
例如，以下代码使用IIFE创建了一个闭包：
(function() {
var x = 1;
var y = 2;
var sum = x + y; // 3
console.log(sum);
})();
在这个例子中，函数add是一个闭包，因为它引用了变量x和y。即使函数add已经执行完毕，对变量x和y的引用仍然有效。
闭包的应用场景
闭包的应用场景非常广泛，以下列举几个常见的应用场景：
- 模块化开发
- 事件处理
- 数据封装
- 异步编程
- 函数柯里化
结束语
闭包是一个非常重要的JavaScript概念，掌握它可以帮助你编写出更复杂、更强大的代码。
