当心下面例子的循环：闭包中的局部变量可能和你最初想的不一样。

最新推荐文章于 2020-10-20 14:17:39 发布

matrixesghty

最新推荐文章于 2020-10-20 14:17:39 发布

阅读量136

点赞数

CC 4.0 BY-SA版权

分类专栏： js闭包问题文章标签： javascript 闭包问题循环 ViewUI

本文链接：https://blog.youkuaiyun.com/matrixesghty/article/details/84269745

js闭包问题专栏收录该内容

1 篇文章

订阅专栏

本文通过一个JavaScript示例展示了闭包和变量作用域可能导致的意外行为。代码中定义了一个函数来构建一个列表，列表中的每个元素都是一个函数，这些函数在调用时预期输出其对应的索引值，但实际上却都输出了最后一个索引值。文章解释了这一现象的原因，并探讨了解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如题，这是为什么？

<script>
function buildList(list) {   
  var result = [];   
  for (var i = 0; i < list.length; i++) {   
    var item = 'item' + list[i];   
    result.push( function() {document.write(item + ' ' + list[i] + '<br />')} );   
  }   
  return result;   
}   

function testList() {   
  var fnlist = buildList([1,2,3]);   
  // using j only to help prevent confusion - could use i   
  for (var j = 0; j < fnlist.length; j++) {   
    fnlist[j]();   
  }   
}     

testList();  //输出3次：'item3 undefined' 
document.write('<br />');
</script>