JavaScript闭包与事件处理-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_15009739/article/details/88112703

<!DOCTYPE html>
<html>
<head>
	<title>bibao</title>

</head>
<body>

	<input type="button" name="btn01" value="01" />
	<input type="button" name="btn02" value="02" />
	<input type="button" name="btn01" value="03" />

	<script type="text/javascript">
		window.onload = function(){
		var oBtns = document.getElementsByTagName('input');
			for(var i =0; i<oBtns.length;i++){
				(function(i){
						oBtns[i].onclick = function(){
							alert(i);
						}		
				})(i);
			
			}				
		}
		// @1
		// 闭包的理解，就是原来，函数内的局部变量 ，一般都是执行完毕就释放掉了
		// 因为一个函数，在调用之前会把所有的形参都进行压栈处理，当函数执行完毕后
		// 就把所有的形参（局部变量） 都释放掉！
		// @2 ,在我们的案列中，内部的函数，持有外部函数的局部变量的指针，所以
		// 由于oBtn[i] 的事件处理函数不释放，则 内部函数也不会释放空间，则 外部的函数的局部变量也不会
		// 释放
			

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