作用域

62 阅读2分钟

作用域指一个变量的作用的范围。

全局作用域

直接编写在<script></script>标签中
全局作用域在页面打开时创建,在页面关闭时销毁
在全局作用域中有一个全局对象window。由浏览器创建,可直接使用
在全局作用域中,创建的变量都会作为window对象的属性保存

			var a=10;
			console.log(window.a);
			
			function fun(){
				console.log("我是fun函数");
			}
			window.fun();

变量的提前声明

使用var关键字声明的变量,会在所有的代码执行之前被声明提前(但是不会赋值)

			console.log("a="+a);//a=undefined
			var a=123;

相当于

                       var a;
   		       console.log("a="+a);//a=undefined
   		       a=123;

如果声明变量时不适用var关键字,则变量不会被声明提前,则会报错

   		        console.log("a="+a);//报错
   	                a=123;

函数的提前声明

使用函数声明形式创建的函数function函数(){}
它会在所有的代码执行之前就被创建,所以可以在函数声明前来调用函数

   		window.fun();//我是fun函数
   		function fun(){
   			console.log("我是fun函数");
   		}

使用函数表达式创建的函数,不会被声明提前,所以不可以在函数声明前来调用函数

			window.fun2();//报错
			var fun2=function(){
				console.log("我是fun2函数");
			}
 

函数作用域

调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的 在函数作用域中可以访问到全局作用域的变量,在全局作用域中无法访问到函数作用域的变量
当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用,如果没有则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceErrorl
在函数中要访问全局变量可以使用window对象

			var a=10;
			function fun(){
				var a=20;
				console.log("a="+a);//a=20
				console.log("window.a="+window.a);//window.a=10
			}
			fun();	

在函数作用域也有声明提前的特性
使用var关键字声明的变量,会在函数中所有的代码执行之前被声明 函数声明也会在函数中所有的代码执行之前执行

			function fun2 () {
				console.log("a="+a);//a=undefined
				var a=20;
				fun3();
				function fun3 (){
					console.log("fun3()");//fun3()
				}
			}
			fun2();

在函数中,不适用var声明的变量都会成为全局变量

			var a=10;
			function fun(){
				console.log("a="+a);//a=10
				a=20;
			}
			fun();
			console.log("a="+a);//a=20;

定义形参就相当于在函数作用域中声明了变量

			function fun2(a){
				console.log("a="+a);//a=10
			}
			fun2(10);