如何在列表函数中修复此闭包？

Question

very good Stack Overflow answer 提供了一个示例，说明在返回列表中的匿名函数时，闭包如何直观地反作用。

function buildList(list) {
    var result = [];
    for (var i = 0; i < list.length; i++) {
        var item = 'item' + i;
        result.push( function() {alert(item + ' ' + list[i])} );
    }
    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]();
    }
}

此代码将返回：

item2 undefined
item2 undefined
item2 undefined

我的问题是 - 您将如何修改此代码以使其返回我们期望的结果？

item0 1
item1 2
item2 3

Answer 1

在buildList 的for 循环中使用IIFE 并传入i。

这将确保传入的i 将保持在IIFE 闭包中，并且不会被for 循环中的i 更改

function buildList(list) {
  var result = [];
  for (var i = 0; i < list.length; i++) {
    //the IIFE
    (function(i) {
      var item = 'item' + i;
      result.push(function() {
        console.log(item + ' ' + list[i])
      });
    })(i);
  }
  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();