javascript - 范围如何影响 JavaScript 中的变量声明？

Question

问题:

为什么 obj 变量的声明必须移动到下面的“//MOVE TO HERE”位置才能正确生成 {number: 1, color: blue} 和 {number: 2, color:红色} 对象？当声明停留在下面的当前位置时，数组结果为 {number: 2, color: red}, {number: 2, color: red} (即同一个对象，两次)

我的理解:

在当前位置，arrObj 数组会使用 obj 的最新值进行更新，因此输出是一个列出两次“number: 2, color: red”的数组。

困惑:

当 obj 声明移动到下面的//MOVE TO HERE 时，为什么两个对象都会出现在数组中？如果数组随着 obj 的每次更新而动态更新，为什么在第二次声明 obj 时不清除 arrObj[0]，然后用 obj 的新值更新？

     function arrayOfObjects(array) {
            var arrObj = [];
            var obj = {};

            for (i = 0; i < array.length; i++) {
              //MOVE TO HERE
                for (j = 0; j < array[i].length; j++) {
                    obj[array[i][j][0]] = array[i][j][1];
                }
                arrObj[i] = obj;
            }
            return arrObj;
        }

var array = [ [ ['number', '1'], ['color', 'blue'] ] , ['number', '2'], ['color', 'red'] ] ]
arrayOfObjects(array);

Answer 1

在 JavaScript 中，可以通过引用传递对象。在这种情况下，这意味着 arrObj 和 obj 引用内存中的同一对象。因此，当在第二次迭代中 obj 发生变异时 { number: 12, color: red } arrObj[0] 和 arrObj[1] 都引用同一个对象。 SO discussion