Javascript:编辑对象属性会更改不同对象的属性

Question

这个问题已经有答案了:

Is JavaScript a pass-by-reference or pass-by-value language? (34 个回答)

已关闭 6 年前。

我想将对象a设置为等于对象b，然后编辑对象a的属性x。但是，当我编辑 a.x 时，b.x 也会由于某种原因发生更改。我该如何解决这个问题？

var b = {
    x: 0,
    y: 3

};
var a = b;
alert(b.x); //outputs 0
a.x = 1;
alert(b.x); //outputs 1?

Answer 1

实际上，b指向同一个对象a，即，两个变量都引用最初创建的同一个对象。相反，使用 Object.assign 将所有属性复制到新对象。方法。

var b = {
  x: 0,
  y: 3

};
var a = Object.assign({}, b);
alert(b.x); //outputs 0
a.x = 1;
alert(b.x); //outputs 1?

<小时/>

对于较旧的浏览器，请检查 polyfill option该方法的。

<小时/>引用: Is JavaScript a pass-by-reference or pass-by-value language?