所有属性都设置为最后一个循环迭代值[为什么？]

Question

示例代码：

var functions = {
 testFunction: function(){
  console.log('test');
 }      
};
var functionsClones = [];
for(i in [1,2,3]){
 var functionsClone = $.extend({}, functions);
 functionsClone.testFunction.i = i;
 functionsClones.push(functionsClone);
}

$.extend 是 jQuery 函数，它允许克隆对象而不是引用它。

现在让我们打印设置属性：

$.each(functionsClones, function(key, functionsClone){
 console.log(functionsClone.testFunction.i);
});

它输出 3 次 '2' 而不是 0、1、2。这段代码有什么问题？

Answer 1

因为您将i 设置在同一个testFunction 对象上（恰好是一个函数）。您不会在循环的每次迭代中创建新函数。

因此，在循环结束时，函数testFunction 对象保存它收到的最后一个值。

因为 JavaScript 只为您提供对象的引用，而不是对象本身，所以不会复制。

要制作单独的副本，您需要在循环中创建函数。