1
张三
男
13788888888
浙江
删除
2
李四
女
13788887777
四川
删除
3
王二
男
13788889999
广东
删除
code1
code2 ( 别人的代码 )
Contact.prototype.init = function () {
console.log("Test");
var div = document.getElementsByClassName("user-delete");
var ul = document.querySelector("#J_List");
var list = ul.querySelectorAll("li");
for (var i = 0; i < div.length; i++) {
(function (i) {
div[i].onclick = function () {
list[i].remove();
console.log(i);
}
})(i);
}
}
new Contact();其中
(function (i) {
div[i].onclick = function () {
list[i].remove();
console.log(i);
}
})(i);这段立即执行函数没看懂意义
我的代码
Contact.prototype.init = function () {
let div = document.getElementsByClassName("user-delete");
let ul = document.querySelector("#J_List");
let list = ul.querySelectorAll("li");
for (let i in div) {
div[i].onclick = function () {
list[i].remove();
console.log(i);
}
}
}
new Contact();后来想起来是为了避免闭包带来的问题，这一段廖雪峰老师讲过，但是一时没有想起来，详见 廖雪峰闭包
但是我的代码运行起来也是没有任何问题的，因为当时没有块级作用域的说法，但是现在可以用 let 来避免这个问题。所以如果 i 是用 let 来声明的话就可以不用立即执行函数。并且写代码应当避免用 var，改用 let。还有一个，避免使用 for(let i =0;condition;++i) 这种语句，尽量使用 for...in... 一些好的习惯要养成。
关于“JavaScript中let避免闭包造成问题怎么解决”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“JavaScript中let避免闭包造成问题怎么解决”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。
本文题目：JavaScript中let避免闭包造成问题怎么解决
URL分享：http://bjjierui.cn/article/jcshih.html
