上一篇文章说到作用域链,其实作用域链的本质是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。那到底是怎样运作的呢?
[[scopes]]分析
那么自己就在思考,上面说的都是理论知识,内部访问外部,在代码上是不是有上面地方存储了,好奇的我打印了一个匿名函数如下:

可以看到,匿名函数里面有个[[Scopes]],这就这篇文章的主角了,[[Scopes]]里现在有个全局对象。
scopes里面会存在几种类型:Global,Closure,Script,Block。Closure后面那个就是对应的闭包名称,没有就是匿名闭包。
[[scopes]]到闭包
我们经常说闭包,也知道闭包就是一个函数,最早开始自己一直对这个解释不太理解——闭包是指有权访问另一个函数作用域中的变量的函数。那么我们从[[scopes]]来解释一下。构造一个所谓的闭包:
function a () {
var a = 1;
function b () {
console.log(a);
}
b();
console.dir(b);
}
a();
打印如下:

Closure中文就是闭包,可以看到b环境下有a的闭包变量对象,在访问得时候从[[scopes]]

本文通过分析[[scopes]]来探讨作用域、闭包及其在经典面试题中的应用。[[scopes]]包括Global、Closure、Script和Block等类型,闭包允许函数访问外部作用域的变量。通过实例解析了为何在for循环中使用var和let定义变量会导致不同的结果,并引申讨论了es6中let不存在变量提升的现象。
最低0.47元/天 解锁文章
22

被折叠的 条评论
为什么被折叠?



