给它赋值时 javascript 对象的奇怪行为

Question

我想理解这个让我困惑的概念。

假设我有以下逻辑：

function test(){
    var jsonObj_1 = {};
    var jsonObj_2 = {};
    
    jsonObj_2 = jsonObj_1;
    jsonObj_2.myKey = 3;

    console.log(jsonObj_2) // result => {myKey:3}
    console.log(jsonObj_1) // result => {myKey:3}

}

我的问题是为什么jsonObj_1永远不会被分配时等于{myKey:3} ？！

Answer 1

您正在 jsonObj_2 中分配 jsonObj_1 的引用。 简单来说就是第一个变量的地址。 我建议您通过引用和按值调用来阅读一些随叫随到的文档。

Answer 2

你需要的是Object.assign

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

这里的例子： https : //googlechrome.github.io/samples/object-assign-es6/

Answer 3

当使用“=”分配非原始变量时，引用也将被复制。 这可能会导致分配给特定对象的所有变量发生突变。

请尝试以下操作。

您可以使用 JSON.stringify 将其转换为字符串，然后解析为 JSON.parse。

jsonObj_2= JSON.parse(JSON.stringify(jsonObj_1));

您可以使用扩展运算符。

jsonObj_2 = {...jsonObj_1}

Answer 4

JavaScript 对象是可变的。 它们是通过引用而不是值来寻址的。

如果 jsonObj_1 是一个对象，以下语句不会创建 jsonObj_1 的副本：

 var jsonObj_2 = jsonObj_1 ; // This will not create a copy of jsonObj_1.

对象 jsonObj_2 不是 jsonObj_1 的副本。 它是 jsonObj_1。 jsonObj_2 和 jsonObj_1 都是同一个对象。

对 jsonObj_2 的任何更改也会更改 jsonObj_1，因为 jsonObj_2 和 jsonObj_1 是同一个对象。