javascript - Array.fill 重复相同的对象。为什么？

Question

<分区>

Answer 1

.fill 将在数组的每个段上插入完全相同的对象(相同的实例)。
这就是为什么执行 .fill(Math.random) 将返回一个始终填充相同数字的数组。

您可以这样做以获得您想要的:

new Array(4).fill().map(() => ({}));

为了解释问题代码的幕后情况，我们将其转换为 ES5 代码:

var arr = new Array(4);  // new Array(4)
var obj = new Object();  // *1: with this object instance
for(i = 0; i < 4; i++) { // .fill( *1 )
  arr[i] = obj;
}

如您所见，我们将相同的对象实例 (obj) 分配给数组实例的每个单元格。

这和为什么的原理是一样的:

const obj = {};
const a = obj;
const b = obj;

a.foo = true;

使 a.foo === b.foo 解析为 true。