Question

我目前正在学习Angular和打字稿，而Angular文档的这部分导致了一个问题。有人可以在下面的示例中使用=>的方式对其进行解释吗？我在网上搜索并找到了对lambda函数和返回类型的引用，但我找不到与=>的使用相匹配的任何内容，就像在这里使用它一样。

export class DashboardComponent implements OnInit {
heroes: Hero[] = [];
constructor(private heroService: HeroService) { }
ngOnInit() {
  this.heroService.getHeroes()
    .then(heroes => this.heroes = heroes.slice(1, 5));
}
gotoDetail() { /* not implemented yet */}
}

如果有人能帮我理解，我会非常感激。

Answer 1

下面

this.heroService.getHeroes()
 .then(heroes => this.heroes = heroes.slice(1, 5));

相当于：

var that = this;
this.heroService.getHeroes()
 .then(function (heroes) {
     return that.heroes = heroes.slice(1, 5));
 });

Answer 2

这称为箭头功能，可以在TypeScript教程中理解。

在您的代码＆＃39; getHeroes＆＃39;函数将得到一些回复，并且该响应将存储在本地变量＆＃39;英雄＆＃39;。

＆＃39;英雄=＆GT;＆＃39; =功能（英雄：任何）其余部分可视为功能体。这是一个很好的做法，可以使引用保持活动状态和局部变量。

这对Angular文档意味着什么？

2 个答案: