JavaScript 闭包 : return values disunderstanding

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

How do JavaScript closures work? (86 个回答)

已关闭 7 年前。

function celebrityIDCreator(theCelebrities) {
    var i;
    var uniqueID = 100;
    for (i = 0; i < theCelebrities.length; i++) {
        theCelebrities[i]["id"] = function () {
            return uniqueID + i;
        };
    };

    return theCelebrities;
}

var actionCelebs = [
    { name: "Stallone", id: 0 },
    { name: "Cruise", id: 0 },
    { name: "Willis", id: 0 }
];
var createIdForActionCelebs = celebrityIDCreator(actionCelebs);
var stalloneID = createIdForActionCelebs[0];
console.log(stalloneID.id()); // 103

在前面的示例中，调用匿名函数时，i 的值为 3(数组的长度，然后递增)。将数字 3 添加到 uniqueID 中，为所有名人 ID 创建 103。因此，返回数组中的每个位置都会得到 id = 103，而不是预期的 100、101、102。

我读了回调函数文章，当我读不到这句话时，我的意思是如何解释我们总是得到 id=103？
我在网上搜索过但找不到好的答案。希望在这里我能克服它。谢谢。

Answer 1

这是因为关闭。了解它 here和 here .

这应该可以解决您的问题:

function celebrityIDCreator(theCelebrities) {
    var i;
    var uniqueID = 100;
    for (i = 0; i < theCelebrities.length; i++) {
        theCelebrities[i]["id"] = (function (index) {
            return function () {
                return uniqueID + index;
            };
        })(i);
    }

    return theCelebrities;
};