打字稿：Object.assign - 用于删除的浅拷贝或深拷贝

Question

我有一个像data.edit.lstAnnotation.lstComments 这样结构的对象

...
lstAnnotation?: AnnotationInterface;
...
export interface AnnotationInterface {
  lstComments: CommentList;
}
export class CommentList {
  [key: string]: CommentEntity;
}
...

据我了解，Object.assign() 函数会进行浅拷贝。这意味着不会复制内容并保留引用。我有一个类似的功能

Object.keys(this.data.edit.lstAnnotation.lstComments).map((key: string) => {
      const newEntity = {...this.data.edit.lstAnnotation.lstComments[key]};
      delete newEntity.cur; // <<<<----------------- [1]
      if (newEntity.add && newEntity.add.trim().length === 0) {
        delete newEntity.add;  // <<<<-------------- [2]
      }
      return JSON.stringify(newEntity);
    }).join();

这是一个很好的字符串。据我了解，我创建了内容的shallow copy，然后删除（delete）属性。我的问题是，为什么delete 没有应用于原始列表（data.edit.lstAnnotation.lstComments）？

我仍然在data.edit.lstAnnotation.lstComments 条目中使用key cur，例如data.edit.lstAnnotation.lstComments['abc'].cur ==> object....

我对目前的情况很满意。但是，如果我从复制的对象中删除并且原始对象没有更新，我会说这是一个深层副本。那么，我的错误在哪里？

Answer 1

下面是一些演示核心问题的示例代码：

const array = [1, 2, 3];
const original = {a: array, b: 4};
const copy = {};
Object.assign(copy, original);
delete copy.a;

会发生什么：

• 创建了一个包含 1、2、3 的数组，array 持有对它的引用。
• 创建一个对象时，属性a 持有对数组的引用，属性b 持有值4，original 持有对新对象的引用。
• 创建的对象没有属性，copy 持有对它的引用。
• Object.assign 将 original 引用的对象复制到 copy 引用的对象中。这是一个浅拷贝，所以copy.a 现在是对original.a 所引用的同一个数组的引用；没有复制数组。
• 属于copy 所指对象的a 属性被删除，因此该对象不再具有名为a 的属性。 original 引用的对象仍然有自己的名为a 的属性，因为它是一个不同的对象。

stepping through the execution using the excellent Javascript Tutor tool 可以帮助你理解，它直观地显示了每行执行时程序状态会发生什么。