Object.assign会覆盖原始的refereneces吗？

Question

我试图＆＃34;合并＆＃34;两个具有Object.assign()的对象，但不知何故原始对象被覆盖。参见示例：

＆＃13;

＆＃13;

var x = {x:1};
var y = {y:2};

var z = Object.assign(x, y);

// what I've expected
console.log(z); // {"x": 1, "y": 2}

// what I haven't expected
console.log(x); // {"x": 1, "y": 2}

＆＃13;

＆＃13;

＆＃13;

Answer 1

必须提供一个空对象作为Object.assign的第一个参数，以便创建一个新的合并对象。

var x = {
  x: 1
};
var y = {
  y: 2
};

var z = Object.assign({}, x, y);

// new object
console.log(z); // {"x": 1, "y": 2}

// still the same
console.log(x); // {"x": 1}
console.log(y); // {"y": 2}

You can read more information about Object.assign here.

Answer 2

您需要更改如下

var z = Object.assign({},x, y);

这是工作的jsfiddle：https://jsfiddle.net/ht7jumh6/

Answer 3

将空{}传递给assign()作为第一个参数。

var x = {x:1};
var y = {y:2};

var z = Object.assign({},x, y);

console.log(z); // {"x": 1, "y": 2}

console.log(x); // {"x": 1}