js的作用域链

function test(){

}

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

        [[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个。

        [[scope]]指的就是我们所说的作用域，其中存储了运行期上下文的集合。

        作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。

        

例1：

function a(){
    function b(){
         var b = 234;
    }
    var a = 123;
    b();
}
var glob = 100;
a();

作用域链：

验证b的作用域链中的执行期上下文与a的作用域链中的执行期上下文是否是同一个：

        function a(){
            function b(){
                var b = 234;
                aa = 0; //修改a的值
            }
            var aa = 123;
            b();
            console.log(aa); //0
        }
        var glob = 100;
        a();

结果是为同一个。

例2：

        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
                                    1:aAO
                                    2:GO
        c doing   c.[[scope]]  -- > 0:cAO
                                    1:bAO
                                    2:aAO
                                    3:GO

原文地址：https://blog.csdn.net/weixin_61810048/article/details/140227332

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！