变量的作用域

时间:2019-01-17
本文章向大家介绍变量的作用域,主要包括变量的作用域使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

变量的作用域:变量的作用范围
根据作用域不同,将变量分为以下两类:
(1)全局变量
1.在函数外部定义的变量
2.变量定义时未使用var关键字
3.window对象的属性
(2)局部变量
1.在函数内部定义的变量(包含参数位置)

总结: 全局变量生命周期较长,占用内存时间长,不利于回收 局部变量生命周期较短,当函数调用完毕时,等待回收,满足快速释放 推荐多使用局部变量,少使用全局变量
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		var a=10;//全局变量
		function show1() {
			var b=20;//局部变量
			console.log(a);
			console.log(b);
		}


		function show2(){
			console.log(a);
			var c=100;//局部变量
			console.log(c);

			console.log(b);
		}


		show1();

		show2();


		 show1();
		 console.log(b);

		 show2();
	</script>
</head>
<body>
	
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		/*var a=3;//全局变量
		function  show(a) {
			console.log(a);//局部变量
			a=5;//就近
			console.log(a);//局部
		}

		show(9);
		console.log(a);//3*/



		// function show(){
		// 	a=20;//全局变量
		// 	console.log(a);
		// }
		// show();
		// console.log(a);

		/*alert('警告');

		window.alert('哈哈');//window顶级对象,可省略*/



		var a=10;//相当于为window对象新增了一个a属性
		var aa=20;
		// console.log(a);
		console.log(window.a);
		console.log(window);

		//相当于为window对象新增了show方法
		function show(){
			console.log('日志');
		}

		window.show();

	</script>
</head>
<body>
	
</body>
</html>