作用域

168 阅读2分钟
作用域

[[scope]]:每个js函数都是一个对象,对象中有些属性可以访问,例如如函数test的test.name,有些不可以,这些属性仅供js引擎存取,[[scope]]就是其中一个。 [[scope]]指的由函数产生而产生的作用域,是隐式的属性,系统会定期调用这个属性,其中存储了运行期上下文的集合

作用域链

[[scope]]中存储的执行期上下文对象的集合。这个集合呈链式链接,这种链接叫作用域链。

运行期上下文

当函数执行时,会创建一个成为执行期上下文AO的内部对象。一个执行器上下文定义了1一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文当函数执行完毕,它产生的执行上下文被销毁。

查找变量

从作用域的顶端依次向下查找,在哪个函数里面查找变量,就上哪个函数作用域顶端开始找

例一

function a(){
    function b(){
        var b =234;
    }
    var a = 123;
    b();
}
var glob = 100;
a();
a.[[scope]]函数里面存了一个作用域链,作用域链里面装了执行期上下文的集合

作用域2.png

作用域3.png

作用域4.png

作用域5.png

作用域6.png 例二

function a(){
    function b(){
        function c(){

        }
        c();
    }
    b();
}
a();
a 定义defined a.[[scope]]-->0 : GO
a 执行doing   a.[[scope]]-->0 : aAO 
                            1 : GO

b 定义defined b.[[scope]]-->0 : aAO
                            1 : GO
b 执行doing   b.[[scope]]-->0 : bAO 
                            1 : aAO
                            2 : GO

c 定义defined c.[[scope]]-->0 : bAO
c 执行doing   c.[[scope]]-->0 : cAO
                            1 : bAO
                            2 : aAO
                            3 : GO

c执行完销毁c的执行期上下文,回归到被定义defined状态,再生成c的话,出来第0步不一样,其余的都一样 生成执行上下文,放到作用域的最顶端

// 例子

function a(){
    function b(){
        var bb = 234;
        aa = 0;
    }
    var aa = 123;
    b();
    console.log(aa);//0,所以b在被定义时的AO与a执行产生的的AO是一样的
}
var glob = 100;
a();