JavaScript作用域链

最新推荐文章于 2024-04-07 20:59:33 发布

ca11meback

最新推荐文章于 2024-04-07 20:59:33 发布

阅读量124

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_53596260/article/details/125692985

版权

本文深入探讨JavaScript中的函数作用域，包括上文成员和下文成员的概念，重点解析[[scopes]]如何保存作用域信息。通过实例分析函数在定义和调用时的作用域链生成，并解释了变量查找的规则，展示了作用域链如何帮助查找变量。同时，提到了函数的预编译过程，包括length和name属性的初始化，以及scope属性的作用。

摘要由CSDN通过智能技术生成

一种是上文成员(js语法可以直接访问的成员)

一种是下文成员(底层语法访问的成员)

[[scopes]]括起来的成员名就是下文成员

function fn () {

}

console.dir(fn)

这个"对象"内部保存的就是函数的作用域

函数在定义/声明的时候就有了[[scopes]] 里面保存了上层的AO对象

函数调用时会生成AO对象 AO保存在scopes对象内部的

function fn (n) {
				var a=20
				function  fm () {
					
				}
				
			}
			fn(100)//AO:{n:undef==>100,a:undef==>20,function fm(){}}
			fn()//AO:{n:undef,a:undef==>20,function fm(){}}

函数的预编译

函数在定义的时候就有了一些固定的属性比如 length name

然后我们来了解了解scope这个属性

scope里面保存的就是作用域也就是AO对象我们（不了解AO对象的可以看看前一篇预编译）

scope类似一个栈先进后出

我们举一个例子来讲解

<script>
    function a() {
            function b() {
                var bb = 234
                aa = 0；
            }
        var aa = 123;
        b();
　　　　console.log(a);
    }
    var glob = 100;
    a();
</script>

在全局作用下声明的a

然后执行a 然后执行b 在执行a 最后终止

在创建b的时候