javascript中执行环境和作用域链的概率

原创于 2017-11-21 08:47:42 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #执行环境 #作用域链

本文通过一个具体的JavaScript代码示例，详细解释了JS中的执行环境（执行上下文）、作用域和作用域链的概念。展示了不同层级的变量如何被访问及修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
	<head>
		<title>014</title>
		<script type="text/javascript" charset="utf-8">
			
			//1 执行环境 window对象
			
			var color1='blue';//color1windows执行环境。
			function changeColor(){//每个函数都有一个执行环境 (variable obj)
				var color2='red';
				function swapColor(){//这个函数又产生了一个执行环境(variable obj)
					
					color1 一级作用域   color2 二级作用域   color3 三级作用域
					
					var color3=color2;
					color2=color1;
					color1=color3;
					//这里可以访问：color1、2、3
				}
				//这里可以访问color1,color2,但是不能访问color3
				swapColor();
			}
			//这里只能访问到color1
			changeColor();//作用域 window 第一个作用环境
			
			//环境变量可以一层一层的向上访问，环境（变量和函数） 这就是所谓的作用域链的概率，呵呵。
			//只能一层一层的向上追溯
			//在大型js程序中尽量少用全局变量，因为他总是会被最后一层被找到。
		
		</script>
	</head>
	<body>
	
	</body>
</html>