在Angular2中，服务值是如何返回的？

Question

我在这里遵循 Angular2 的教程说明： https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

在某一时刻，它指出要将服务的承诺信息返回给组件，需要以下语法：

getHeroes() {
  this._heroService.getHeroes().then(heroes => this.heroes = heroes);
}

虽然我是 Angular2 和 TypeScript 的新手，但我正试图准确地了解这里发生了什么。文档说：

我们的回调将组件的英雄属性设置为数组 服务返回的英雄。

我对括号中的内容感到困惑，特别是最终的“英雄”来自哪里。据我所知，这项服务不会返回“英雄”。相反，它从 mock-heroes 导入并返回 HEROES，它本身使用 Heroes 接口并返回 HEROES 数组。我看不到“英雄”（小写）。

“英雄”是即时创建的吗？有人可以更详细地解释每个部分的内容：

heroes => this.heroes = heroes

有吗？非常感谢。

Answer 1

首先要记住的是方法heroService.getHeroes()不返回英雄，而是一个最终会解析的promise，返回英雄列表：

getHeroes() {
    return Promise.resolve(HEROES);
}

然后让我们稍微剖析一下这行代码：

this._heroService.getHeroes().then(heroes => this.heroes = heroes);

也可以这样写：

this._heroService.getHeroes().then(function(heroesFromPromise) {
    this.heroes = heroesFromPromise;
});

这意味着，调用_heroService.getHeroes() 方法，该方法返回一个promise。当 Promise 解决时，then 内部的回调将被调用，并带有 Promise 的结果。

当发生这种情况时，将调用回调，该回调获取承诺 (heroesPromise) 的输出，并将其分配给 this.heroes 成员变量。