JS基础_函数作用域

最新推荐文章于 2022-07-11 19:18:31 发布

ZHOU_VIP

最新推荐文章于 2022-07-11 19:18:31 发布

阅读量128

点赞数

分类专栏： JavaScript教程

本文链接：https://blog.csdn.net/ZHOU_VIP/article/details/107052416

版权

JavaScript教程专栏收录该内容

127 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 函数作用域	
			 * 	- 调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁
			 * 	- 每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的
			 * 	- 在函数作用域中可以访问到全局作用域的变量
			 * 		在全局作用域中无法访问到函数作用域的变量
			 * 	- 当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用
			 * 		如果没有则向上一级作用域中寻找，直到找到全局作用域，
			 * 		如果全局作用域中依然没有找到，则会报错ReferenceError
			 * 	- 在函数中要访问全局变量可以使用window对象
			 */
			
			//创建一个变量
			var a = 10;
			
			function fun(){
				
				var a = "我是fun函数中的变量a";
				var b = 20;
				
				console.log("a = "+a); //我是fun函数中的变量a，会先在自身作用域中寻找，如果有就直接使用
				
				function fun2(){
					console.log("a = "+a);       //我是fun函数中的变量a
					console.log("a = "+window.a);//10，加window则访问全局，不加window则就近原则
				}
				
				fun2();
				
			}
			
			fun();
			console.log("b = "+b); //Uncaught ReferenceError: b is not defined，访问不到，在全局作用域中无法访问到函数作用域的变量
			
			//--------------------------------------------------------------------------------------

			/*
			 * 在函数作用域也有声明提前的特性，
			 * 	使用var关键字声明的变量，会在函数中所有的代码执行之前被声明
			 * 	函数声明也会在函数中所有的代码执行之前执行
			 */
			
			function fun3(){
				
				fun4();
				
				console.log(a);
				
				var a = 35;
				
				function fun4(){
					alert("I'm fun4");
				}
				
			}
			
			fun3();
			
			//--------------------------------------------------------------------------------------

			var c = 33;
			
			/*
			 * 在函数中，不使用var声明的变量都会成为全局变量
			 */
			function fun5(){
				console.log("c = "+c); //33
				c = 10;
				
				//d没有使用var关键字，则会设置为全局变量
				d = 100;
			}
			
			fun5();
			
			//在全局输出c
			console.log("c = "+c);  //10
			console.log("d = "+d);  //100
			
			//--------------------------------------------------------------------------------------

			var e = 23;

			function fun6(){
				alert(e); //23
			}

			fun6();
			
			/*
			 * 定义形参就相当于在函数作用域中声明了变量
			 */
			function fun7(e){
				alert(e);     //undefined
			}
			
			fun7();
			
			
			
		</script>
	</head>
	<body>
	</body>
</html>