Object.assign(...as) 更改输入参数

Question

Object.assign(...as) 似乎更改了输入参数。示例：

const as = [{a:1}, {b:2}, {c:3}];
const aObj = Object.assign(...as);

我将一个对象字面量数组解构为 assign 函数的参数。 我省略了console.log 语句。这是节点 13.7 的标准输出：

和之前一样赋值：[ { a: 1 }, { b: 2 }, { c: 3 } ]

aObj: { a: 1, b: 2, c: 3 }

分配后：[ { a: 1, b: 2, c: 3 }, { b: 2 }, { c: 3 } ]

读者可能会注意到as 的第一个元素已整体更改。 将新数组 bs 元素更改为不可变对象（使用 freeze）

const bs = [{a:1}, {b:2}, {c:3}];
[0, 1, 2].map(k => Object.freeze(bs[k]));
const bObj = Object.assign(...bs);

导致错误：

TypeError: 无法添加属性 b，对象不可扩展 在 Function.assign ()

这表明参数确实正在改变。

真正让我感到困惑的是，即使将我的数组 cs 绑定到一个函数中（我认为你在 JS 中称之为闭包）

const cs = [{a:1}, {b:2}, {c:3}];
const f = (xs) => Object.assign(...xs);
const g = () => f(cs);                            

const cObj = g();

返回：

cs 分配前：[ { a: 1 }, { b: 2 }, { c: 3 } ] cObj: { a: 1, b: 2, c: 3 } 赋值后的cs：[ { a: 1, b: 2, c: 3 }, { b: 2 }, { c: 3 } ]

这里出了什么问题？以及如何安全地使用Object.assign 而不会破坏它的第一个参数？

Answer 1

Object.assign 不是纯函数，它会覆盖其第一个参数target。

这是它在MDN上的条目：

Object.assign(目标, ...来源)

参数

目标

目标对象——源属性的应用对象，修改后返回。

来源

源对象 - 包含您要应用的属性的对象。

返回值

目标对象。

关键短语是“[目标]在修改后返回”。为避免这种情况，请将空对象文字 {} 作为第一个参数传递：

const aObj = Object.assign({}, ...as);