是否存在Object.assign的不可变版本？

Question

我想在JavaScript混合两个对象：

let a = {x: 1, y: 2, z:3}; 
let b = {x:10, y: 20}; 

let c = Object.assign(a, b); 

这提供了正确的价值c：

Object { x: 10, y: 20, z: 3 } 

但现在a已被修改过！

Object { x: 10, y: 20, z: 3 } 

是否有分配a到b到一个新的对象的方法吗？

Answer 1

的第一个参数assign是目标。所以它会改变。你可以简单地传递一个空的对象为你的目标，如果你不希望任何的来源发生变化：

let a = {x: 1, y: 2, z:3}; 
 
let b = {x:10, y: 20}; 
 

 
let c = Object.assign({},a, b); 
 
console.log(c); 
 
console.log(a); // a is unchanged

Answer 2

您可以使用spread operator：

let a = {x: 1, y: 2, z: 3}; 
 
let b = {x: 10, y: 20}; 
 

 
let c = { 
 
    ...a, 
 
    ...b 
 
} 
 

 
console.log(c); 
 
console.log(a);

Answer 3

let a = {x: 1, y: 2, z:3}; 
let b = {x:10, y: 20}; 

let c = Object.assign({},a, b); 

您需要{}的分配方法中第一个对象，因为如果你在这里阅读Object.assign方法的文档https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Parameters它指出第一个参数是目标对象，其余的是源。所以现在你将b分配给a并将新的a返回给c。所以如果你的第一个参数是一个空对象，这不会发生。

Answer 4

明确地说，传播运营商。它有助于添加单个属性，如在JS中对CSS进行样式化。但请注意，它目前是EcmaScript的only in stage 3。

const lessStyle = { 
    color: 'blue', 
    backgroundColor: 'yellow' 
}; 

const moreStyle = {...lessStyle, color: 'red'};