前端 JS基础理论总结（八）

变量的作用域

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>变量的作用域</title>
	<script type="text/javascript">
		/*
		全局变量：函数外部定义的变量，函数内部和外部都可以访问，它的值可以共享

		局部变量：函数内部定义的变量，函数内部可以访问，外部无法访问。函数内部访问变量时，先在内部查找是否有此变量，如果有，就使用内部变量，如果没有，就去外部查找

		函数内部如果不用'var'关键字定义变量，变量可能会变成全局变量，如果用严格模式解析会报错
		*/
		var a = 12;

		function aa(){
			// var a = 5;
			var b = 7;

			// alert(a);
		}

		// alert(a);
		// alert(b);//报错

		aa();
	</script>
</head>
<body>
	
</body>
</html>

封闭函数

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>封闭函数</title>
	<script type="text/javascript">
		/*原来的写法
		function myAlert(){
			var str = '欢迎访问我的主页';
			alert(str);
		}

		myAlert();*/

		var str = function(){
			alert('test');
		}
		
		//封闭函数的一般写法
		//封闭函数定义：(function(){……})()
		/*
		;;(function(){
			var str = '欢迎访问我的主页';
			alert(str);
		})();//最后的()表示马上执行
		*/

		//封闭函数其他的写法：在匿名函数前加“！”或者“~”，之后加“()”
		~function(){
			var str = '欢迎访问我的主页';
			alert(str);
		}();
	</script>
</head>
<body>
	
</body>
</html>

用变量的方式定义函数

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>用变量的方式定义函数</title>
	<script type="text/javascript">
		/*
		原来的写法：可以提前
		myAlert();

		function myAlert(){
			alert('hello!');
		}*/

		//函数用变量方式定义：先定义再使用
		// myalert();//提前会报错
		var myAlert = function(){
			alert('hello!');
		}

		myAlert();//放在下面可以执行

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

闭包

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>闭包</title>
	<script type="text/javascript">
		/*
		闭包的本质就是函数嵌套，就是在函数里面定义函数，
		内部函数可以引用外部函数的参数和变量
		参数和变量不会被垃圾回收机制给回收
		闭包的用途：可以存循环的索引值、做私有变量计数器
		*/
		/*
		//闭包的一般写法
		function aa(b){
			var a = 12;

			function bb(){
				alert(a);
				alert(b);
			}

			return bb;
		}

		var cc = aa(24);*/

		
		//闭包的封闭函数写法
		var cc = (function(b){
			var a = 12;

			function bb(){
				alert(a);
				alert(b);
			}

			return bb;
		})(24);

		cc();
		

		/*
		//只能调用一次的闭包
		(function(b){
			var a = 12;

			function bb(){
				alert(a);
				alert(b);
			}

			return bb;
		})(24)();
		*/
	</script>
</head>
<body>
	
</body>
</html>

前端 JS基础理论总结（八）

变量的作用域

封闭函数

用变量的方式定义函数

闭包

猜你喜欢