javascript - Javascript 中向对象添加属性的两种方法之间的区别

Question

我的代码涉及根据一些测试用例向对象添加属性。这是我这样做的两种方法。我在reactjs 中使用这个对象进行内联样式。

var myObject = {}

//some code

myObject = {
key1: value1,
key2:value
} 

//some code

myObject = {
key3: value3,
key4: value4
}

所有属性(样式)的应用不一致。所以我尝试这样做并且效果正常。请解释为什么会发生这种情况。

var myObject = {}

//some code

myObject = {
key1: value1,
key2:value
} 

//some code

myObject.key3 = value3;
myObject.key4 = value4;

这两种方式有什么区别？

Answer 1

在第一个代码段中，您没有向对象添加属性，而是覆盖整个 myObject。在第二个片段中，您将单个值分配给一个键，即。添加带有值的属性。

例如:

var i = {num: 1};
i.num = 2;
console.log(i.num); // 2
i = {str: "Hello"};
console.log(i.num); // undefined
console.log(i.str); // "Hello"
i.num = 1;
console.log(i.num); // 1
console.log(i.str); // "Hello"