java swrt_javasript学习之闭包

闭包

闭包是函数和声明该函数的词法环境的组合。

var list = document.getElementsByTagName("input");

for (var i = 0; i < list.length; i++) {

list[i].οnclick=function(){

console.log(i);

}

}

由于闭包的原因会导致输出的值为一样

为什么会这样了

当点击时会回调方法，而i为共享参数。导致回调时，i都为最终结果。

如何解决该问题

var list = document.getElementsByTagName("input");

for (var i = 0; i < list.length; i++) {

list[i].onclick = num(i);

}

function num(index){

return function(){

console.log(index);

}

}

再创建一个闭包，使其调用时，使用闭包的参数，而不是父函数的参数；

每次创建函数都会创建新的变量，而不会使用共享变量。

let关键词

减少闭包的使用

var list = document.getElementsByTagName("input");

for (var i = 0; i < list.length; i++) {

let item = i；

list[i].οnclick=function(){

console.log(item);

}

}

这个例子使用let而不是var，因此每个闭包都绑定了块作用域的变量，这意味着不再需要额外的闭包。

var与let的区别

var作用域为全局，内部var会影响外部var的值

而let只作用在当前块中，不会影响外部数据。

参考资料

闭包

let