javascript - "foo(...arg)"(函数调用中的三个点)是什么意思？

Question

谁能说出“Angular 简介”示例中以下代码中的“...”是什么？

getHeroes() {
    this.backend.getAll(Hero).then( (heroes: Hero[]) => {
      this.logger.log(`Fetched ${heroes.length} heroes.`);
      this.heroes.push(...heroes); // fill cache
    });

Answer 1

这与 jQuery 或 Angular 无关。这是 ES2015 中引入的功能。

... 的特殊用途 doesn't actually have an official name .符合其他用途的名称将是“传播参数”(通用术语将是 "spread syntax" )。它“分解”(展开)一个 iterable 并将每个值作为参数传递给函数。您的示例等效于:

this.heroes.push.apply(this.heroes, Array.from(heroes));

除了更简洁之外，... 的另一个优点是它可以更容易地与其他具体参数一起使用:

func(first, second, ...theRest);

// as opposed to the following or something similar:
 func.apply(null, [first, second].concat(Array.from(heroes)));