JavaScript作用域链

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文深入解析JavaScript中的作用域链概念，通过具体代码示例展示作用域链的形成过程及变量查找机制，帮助读者理解变量在不同作用域中的使用顺序。

作用域链：当代码执行时，会创建变量对象的一个作用域链（作用域形成的链式结构），用来控制变量的使用顺序。

var a = 10;
function fun(){
	var b = 10
	function fun1(){
		console.log(c);//undefined
		b += 5;
		var c = 20;//此处给c赋值
		function fun2(){
			console.log(d);//undefined
			var d = 5;
			console.log(c + d)//25
		}
		fun2();
	}
	console.log(b);//10
	fun1();
	console.log(b);//15
}
fun();

作用域形成的过程：

在这里插入图片描述
当打开浏览器时，先执行全局变量，生成 GO
GO{
a: undefined , 赋值后为10
fun : function…
}
再执行fun() ,生成funAO,
funAO {
b : undefined , 赋值后为10 ,在fun1()中b变为15
fun1 : function…
}
再执行fun1() ,生成fun1AO,
fun1AO{
c: undefined, 赋值后为20
fun2:function…
}
最后执行fun2() ,生成fun2AO
fun2AO{
d : undefined 赋值后为5
}