作用域链就是js设计用来找变量的,顺着作用域链找变量,直到全局的global,如果在之前找到,那么就会停止。
作用域(英文:scope)是据名称来查找变量的一套规则,可以把作用域通俗理解为一个封闭的空间,这个空间是封闭的,不会对外部产生影响,外部空间不能访问内部空间,但是内部空间可以访问将其包裹在内的外部空间。
let jennie = { jisoo: 123 };
let fnc = function a() {
let b = 1;
let aloha = "lisa";
return function c() {
// let b = 2;
// let aloha = "jisoo";
// 加了上面两行代码后 scopes里面是没有closure,因为在局部的func里面已经定义了b和aloha 所以就不需要引用外面的b和aloha了
console.log(b);
console.log(aloha);
};
};
fnc()();
console.log(fnc.prototype);
console.log(fnc().prototype);
查找的顺序就是在scopes里面0 — 1 — 2 这样找
scopes里面就是保存了这个函数引用到的变量,对其进行打包成closure放到scopes[0]
闭包的设计就是把引用到的变量打包成 Closure 包,放到 [[Scopes]] 里。放到被return
的那个函数[[Scopes]]里面.
调用 func 的时候,JS 引擎 会取出 [[Scopes]] 中的打包的 Closure + Global 链,设置成新的作用域链, 这就是函数用到的所有外部环境了,有了外部环境,自然就可以运行了。
let a = 1
{
var b = 2
let c = 3
}
console.log(a)
console.log(b)
console.log(c)
//这的a 是全局的 可以找到
// b 虽然在块作用域里面 但是var把它升级到全局了 所以可以找到
// c 找不到