JavaScript:闭包学习(转载)

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

基本概念

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

"链式作用域"结构(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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值