javascript - TypeScript。

您尝试做的事情是错误的，因为您不考虑封装。_date是一个私有字段，不应在对象外部访问。您定义了吸气剂date，然后使用它。

你不应该使用

this._date = todo._date;

但

this._date = todo.date;。

这是一个例子：

class Todo {
  private _date: Date;
  public name: string;

  constructor(todo) {
    this._date = todo.date;
    this.name = todo.name;
  }

  get date(): Date {
    return this._date;
  }
}

const todo = new Todo(null);

const modifiedTodos1 = new Todo(todo);

const modifiedTodos2 = new Todo({
  ...todo,
  date: new Date(),
});

另请注意，如果您todo像下面这样强烈键入构造函数，它将无法正常工作：

  constructor(todo: Todo) {
    this._date = todo.date;
    this.name = todo.name;
  }

因为打字稿正在等待Todo您不使用传播运算符提供的对象（无日期函数）。

为解决此问题，我建议您指定一个仅包含setter数据的界面。

interface ITodo {
  date: Date,
  name: string,
}

class Todo {
  private _date: Date;
  public name: string;

  constructor(todo: ITodo) {
    this._date = todo.date;
    this.name = todo.name;
  }

  get date(): Date {
    return this._date;
  }
}

const todo = new Todo(null);

const modifiedTodos1 = new Todo(todo);

const modifiedTodos2 = new Todo({
  ...todo,
  date: new Date(),
});