函数中变量的作用域以及变量提升

柔光的暖阳◎ 2022-03-24 15:22 251阅读 0赞

### 函数中变量的作用域以及变量提升 ###

### 一、变量作用于域 ###

1、函数就是一种特殊的变量  
2、 一般函数内部不嵌套，可读性差  
3、变量的作用域向上寻找，距离该变量最近的\{  \}，变量的作用域就是在该\{  \}的范围之内

看简单代码案例：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<script>
    			//函数就是一种特殊的变量
    			//一般函数内部不嵌套函数，可读性差。
    			function aa(){
    				var a =10;
    				//变量的作用域向上寻找，距离该变量最近的函数的大括号
    				//变量的作用范围,就是该{}之内的范围.
    				function bb(){
    					console.log(a);
    					}
    			}
    			aa();
    			bb();
    /*			bb这个函数夹在aa这个函数里面，相当于在函数内部定义了一个变量即她是一个局部变量
    			，所以在函数aa外部执行bb()是会报错的。*/
    			console.log(a);
    		</script>
    	</body>
    </html>

执行结果：console中显示bb没有定义

![2019012213173981.png][]

### 二、变量提升 ###

1、 变量会把作用域提升到整个作用域的最前面，赋值还是在原来的位置。  
    2、全局变量和局部变量同时存在。优先局部

实例一：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		
    		<script type="text/javascript">
    			console.log(a);
    			var a=10;
    			//变量会把作用于提升到整个作用域的最前面。
    			//赋值还是在原来的位置
    			
    			//相当于
    			var a;
    			//console.log(a);得到的值为undefined 
    			a=10;
    		</script>
    	</body>
    </html>

实例二：

执行结果均为undefined；可以赋值代码试一试；

![20190122133037806.png][]

[2019012213173981.png]: /images/20220323/17287c3a18424994841cf7e5069ce77c.png
[20190122133037806.png]: /images/20220323/487297c82e764f279cc64e96f60a3e39.png