javascript - 为什么 "this.todos = [...this.todos, todo] "而不推送？

Question

(很抱歉问了这个简单的问题，但我不知道如何在 [...] 上搜索)

我不是 Javascript 英雄，但我也不是初学者。我在 tutorial 中看到了下面的代码并且不明白为什么没有使用 push 或该语法的名称。

  addTodo(todo) {
    this.todos = [...this.todos, todo]
  }

<小时/>

为什么不只是:

  addTodo(todo) {
    this.todos.push(todo)
  }

Answer 1

一般情况下可能有几个原因。如果它与 setter 一起使用，它会触发它，可能会导致副作用。如果有另一个对该数组的引用，它不会像其他情况那样修改它。

在本例中，是前者。我们使用 setter 触发 DOM 更新。