<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<input type="button" id="a" / value="点击">
<input type="button" id="b" / value="点击">
</body>
<script type="text/javascript">
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].onclick = function () {
console.log(i);
}
}
</script>
</html>
先设置一个点击事件,在上述代码中,如果点击后,得到的值就是2,因为当你运行点击事件的时候for循环已经走完了,所以你的点击事件不管点哪个按钮它都是2,所以这个时候要用到闭包函数.
for(var i = 0; i < inputs.length; i++) {
function buto(n) {
return function() {
console.log(n);
}
}
inputs[i].onclick =buto(i);
}
修改成这个样子,在点击事件的函数中添加一个函数,里面的函数调用外边函数的变量,闭包函数的有一个特性就是可以保存变量到调用闭包函数调用结束后,也就是当for循环开始时0的时候,里面的函数也输出0,但是当时没有点击,但是里面的函数把变量保存了,然后for循环中的每一个值都被保存了下来,如果是普通函数调用变量后值就会被回收,无法保存,我是新手,简单的理解了下闭包函数,把自己的感想写了下来,也希望大神指导下