什么是闭包
(1)函数A里面有一个函数B，函数B可以访问到函数A里的值，这就是闭包，不一定要函数返回函数；
(2)在js中闭包的意义就是为了让函数可以间接访问到其他函数内部的值；
(3)点赞案例
HTML
<body>
<input type="button" value="点赞（0）">
<input type="button" value="点赞（0）">
<input type="button" value="点赞（0）">
<input type="button" value="点赞（0）">
<body>
错误JS
// 获取所有的input
var btn = document.getElementsByTagName('input');
// 1.遍历注册点击事件
for(var i =0;i<btn.length;i++){
var j = 1;//所有点击事件都共用一个j会造成数据叠加
btn[i].onclick = function(){
//点击的时候会执行 错误
_this= this
return function(){
_this.value="点赞（"+ (j++) +"）";
//此时点击得到的this就是window（匿名函数），如果没有调用的（）那么将无法访问到函数内部
}();
//要使用闭包一定要访问到内部函数！！！！！！！上面的（）就可访问；
}
}
正确JS
//第一种
var btn = document.getElementsByTagName('input');
for (var i = 0;i<btn.length;i++){
let j = 1;//保证在不同的点击事件中j是不同的,可以看es6中let的作用域问题
btn[i].onclick=function(){
//为每个input注册点击事件
var _this = this//让_this 成为点击事件的this
return function(){
_this.value ="点赞（"+ (j++) +"）"
//要注意这里的this指的是window因为这里是匿名函数，所以要使用_this.value获取当前按钮内容
}()//在这里需要加括号才能每次点击都运行 相当于 retrurn function（）{}（）
}
}
//第二种
//循环遍历获取按钮
var btn=document.getElementsByTagName('input');
for (var i=0;i<btn.length;i++) {
btn[i].onclick=getvalue();//点击后会执行函数
}
function getvalue(){
var j = 1;
//这里和第一种闭包不同，只会执行一次！每个按钮点击事件的getvalue方法都是不同的。这样执行下来会有四个不同的j，从而区分不同的点赞数。
console.log(123)
//如果是调用return的函数，这部分只会执行一次，出现4次123
return function(){
//每次点击都只执行这个function，而不重新执行整个getvalue函数
this.value="点赞（"+ (j++) +"）";
}//这里不需要直接运行
}
（4）用闭包解决异步的问题；
for (var i = 1; i <= 5; i++) {
setTimeout(function timer() {
console.log(i)
}, i * 1000)
}
这一个函数由于是var 声明，所以每次改变都是改变同一个i由于setTimeout是异步的所以会造成i直接变成6
for(let i = 0;i<10;i++){
setTimeout(()=>{
console.log(i)
},i*1000)
}
这个函数由于是let声明，当前的i只在本轮生效，所以每次打印的都是一个新的函数。let更加适合于循环
for(var i=0;i<10;i++){
((j)=>{
setTimeout(()=>{
console.log(j)
},j*1000)}
)(i)
}
这样就是每次把循环函数内的i作为参数放到j里，然后J*1000 是为了达到过一秒出来一个的效果，如果设置为1000那么全部同时异步进行1s后同时出现
265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
