JavaScript：闭包学习（转载）

最新推荐文章于 2025-04-16 16:36:32 发布

转载最新推荐文章于 2025-04-16 16:36:32 发布 · 586 阅读

js 专栏收录该内容

4 篇文章

订阅专栏

本文深入解析闭包的概念，探讨其如何访问外部函数的变量，以及闭包在JavaScript中的应用。通过实例说明闭包的创建环境、作用域链及自由变量的取值规则。

基本概念

闭包是指有权访问另一个函数作用域变量的函数，创建闭包的通常方式，是在一个函数内部创建另一个函数
如果一个函数访问了它的外部变量，那么它就是一个闭包。
闭包的本质是函数
闭包能访问其他函数的变量
闭包通常作为其他函数的返回值，也可能是函数的参数
外部函数不能访问内部函数的变量，但是内部函数可以访问外部函数的变量。所以闭包通常是被返回的（参数中的）内部函数

"链式作用域"结构（chain scope）：子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。
自由变量跨作用域取值时：要去创建这个函数的作用域取值，而不是“父作用域”。
函数的特别之处在于可以创建一个独立的作用域。
闭包引用的变量，保存在创建闭包的函数的作用域中，可以一直延伸到全局作用域，形成作用域链（chain scope）。

this的关键是确定调用函数的对象；闭包变量的关键确定创建闭包的作用域链。这两者有本质的区别。

`var a = 10;
var b = 200;

function fn() {
var b = 20;

function bar() {
    console.log("a + b = " + (a + b));
    console.log("this.b = " + this.b);
}

return bar;

}

var foo = fn();
foo();
// a + b = 30
// this.b = 200
`
闭包foo()的创建环境是作用域链bar() => fn() => 全局
a在bar() 和 fn()中都没有，所以取了全局的a = 10
b在bar()中没有，取了fn()中b = 20;；全局中的 b = 200;被屏蔽了。

闭包foo()的调用者（执行环境）是全局，所以this.b指的是全局中的 b = 200;

作者：老章888
链接：https://www.jianshu.com/p/5488e64d6d2a
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。