javascript - 最后一个对象总是在更新？

Question

function createTextFields(obj) {    
    for (var i = 0; i < obj.length; i++) {
        dataDump = {};    
        for (var key in obj[i]) {
            dataDump[key] = textField.value;
            var callback = function (vbKey) {
                    return function (e) {
                        dataDump[vbKey] = e.source.value;
                    };
            }(key); 
        }
    }
    globalData.push(dataDump);
}

我在单击按钮时创建文本字段，每次都会从对象创建一个新文本字段。当我更改第一个或第二个或第三个 TextFields 并单击更新时...值在第四个或最后一个 TextFields TextField 的对象上更新...

回调在 TextFields 发生变化时调用

Answer 1

如果没有上下文很难判断，但假设在设置文本字段更改时调用了不同的回调实例，那么问题就是回调的闭包上下文。

回调函数持有全局 dataDump 对象的引用，该对象在迭代的每个周期都被重新分配。因此，在 for 循环结束时，所有回调将仅引用一个(最新的)dataDump 对象。

尝试将“var”添加到赋值行。

    var dataDump = {};