1:什么是作用域?
我们之前讲过,一个函数就相当于一个屋子,他和外边有阻隔,函数里边的东西能看到外边的东西,但是外边的看不到里边的东西,我们可以把函数所生成的这种空间就叫做作用域,但是这么叫不精准,作用域的确是随着一个函数的产生而产生的,现在就来探索一下作用域。
(1):执行期上下文
当函数执行的前一刻,会创建一个称为执行期上下文的内部对象,一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行期上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行期上下文,当函数执行完毕,他创建的执行期上下文被销毁。
解释:我们每次执行函数的前一刻系统都会创建 AO 对象,这个 AO 就定义了变量提升函数提升等,比如说定义了一个函数 test,当你调用他的时候他会创建一个 AO,当你再次调用的时候他还会再次创建另一个 AO,AO 只是一个临时的存储对象,当函数执行完毕时,AO 就会被销毁。
(2):[ [ scope ] ]
每个 JavaScript 函数都是一个对象,对象中有些属性我们可以访问,但有些不可以,这些属性仅供 JavaScript 引擎存取, [ [scope] ] 就是其中一个, [ [scope] ] 指的就是我们所说的作用域,其中存储了运行期上下文的集合。
(3):作用域链
[ [scope] ] 中所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。在哪个函数里边查找变量,就去哪个函数的 作用域链顶端依次向下查找
2:示例:
function a(){
function b(){
var b = 234;
}
var a = 123;
b();
}
var glob = 100;
a();
解析:当 a 函数被定义的时候,函数就有自己的属性,当然就有[[scope]],我
们就叫他 a.[[scope]],当 a 刚被定义的时候,这个作用域链只有一个东西
(如果我们把作用域理解成一个数组,那么就是第 0 位),就是 GO:
a 函数被定义:a.[[scope]]------->0:GO{a:function;glob:100}
接下来,当 a 函数执行的前一刻,就产生了 AO,系统就会把 AO 放到作用域链
的最顶端, 把刚才的 GO 往下放一格(把 AO 放到第 0 位,GO 放到第 1位)
a 函数执行前:a.[[scope]]------>0:a 的 AO{a:123; b:function}
1:GO{a:function; glob:100}