javascript - 设置对象属性 :! object.property 是否易失？

Question

这段代码是否会改变对象或者以其他方式改变对象？如果发生的话我该如何避免？

const object = {property: false};
const test = {property: !object.property};

Answer 1

您的代码不会改变任何内容。当您创建 test 时，原始 object 不会受到影响，因为 .property 是 bool 值(因此是值类型)，因此您的新分配是仅按值(value)计算。

const test = {property: !object.property}; // assigns a new value to a new reference

另一方面，这会:

const object = {property: false};
object.property = !object.property; // mutating the object
const test = object; // copying the reference

不过，你可以这样做:

const object = {property: false};
const test = {...object, property: !object.property}; // creates a copy of object and over-writes the value of the new property