闭包(closure):指有权访问另一个函数作用域中变量的函数。
上面这个概念,出自《JavaScript 高级程序设计(第 3 版)》这本书。上面的概念中指出,闭包是一种函数;当然,你可以把闭包理解成是一种现象。具体解释如下。
简单理解就是:如果这个作用域可以访问另外一个函数内部的局部变量,那就产生了闭包(此时,你可以把闭包理解成是一种现象);而另外那个作用域所在的函数称之为闭包函数。注意,这里强调的是访问局部变量哦。
闭包代码举例
代码举例:
function fn1() {
let a = 10;
function fn2() {
console.log(a);
}
fn2();
}
fn1();
打印结果:
10
上方代码中,函数 fn2 的作用域 访问了 fn1 中的局部变量,那么,此时在 fn1 中就产生了闭包,fn1 称之为闭包函数。
闭包的作用:延伸变量的作用范围
我们来看看下面这段闭包的代码:
function fn1() {
let a = 20;
function fn2() {
console.log(a);
}
return fn2;
}
const foo = fn1(); // 执行 fn1() 之后,会得到一个返回值。foo 代表的就是 fn2 函数
foo();
上方代码中,foo 代表的就是整个 fn2 函数。当执行了 foo() 语句之后(相当于执行了 ),fn1 函数内就产生了闭包。
一般来说,在 fn1 函数执行完毕后,它里面的变量 a 会立即销毁。但此时由于产生了闭包,所以 fn1 函数中的变量 a 不会立即销毁,因为 fn2 函数还要继续调用变量 a。只有等所有函数把变量 a 调用完了,变量 a 才会销毁。
而且,可以看出, 在执行 foo()语句之后,竟然能够打印出 20,这就完美通过闭包实现了:全局作用域成功访问到了局部作用域中的变量 a。
因此,我们可以看出,闭包的主要作用就是:延伸了变量的作用范围。