javascript - 删除引用的 JS 对象中的属性

Question

假设我想删除 JS 对象中的属性

const source = {
  nestA: {
    nestB: {
      nestC: 'deleteMe'
    }
  }
}
const clone = {}
clone.nestA = {...source}.nestA
delete clone.nestA.nestB
console.log(source)

执行上面的脚本
期望:源保持不变
实际:source 将变为 {}

但是，如果我只是删除clone.nestA，source将按预期保持不变

问题:删除clone.nestA.nestB如何影响source。但是删除clone.nestA不会吗？

Answer 1

How come delete clone.nestA.nestB affects source, but delete clone.nestA doesn't?

source 和 clone 是不同的对象。第三个对象是从 source.nestA 属性和 clone.nestA 属性引用的。 (另一个对象位于其 nestB 属性上)。

当您删除 source 上的属性(例如 source.nestA 属性)时，只会影响 source 对象。

当您删除第三个对象上的属性时，例如 source.nestA.nestB 或 clone.nestA.nestB(这是同一对象上的相同属性) ，你只影响第三个对象。只是 source 和 clone 现在都引用了缺少属性的对象。