'<Hero[]>‘是什么意思？

Question

大家好，我是angular和typescript的新手，我正在努力学习angular的教程。我发现了一些我不明白它的意思的东西。像这样：

1.

getHeroes(): Observable<Hero[]> {
    this.messageService.add('HeroService: fetched heroes');
    console.log(this.http);
    return this.http.get<Hero[]>(this.heroesUrl);
}

在上面的示例中，我想知道<Hero[]>在Observable<Hero[]>和this.http.get<Hero[]>(this.heroesUrl)上意味着什么

2.

getHero(id: number): Observable<Hero> {
    this.messageService.add(`HeroService: fetched hero id=${id}`);
    return of(HEROES.find(hero => hero.id === id));
}

仔细查看用反引号括起来的HeroService: fetched hero id=${id} () not single quote ('). why use it? and last one theHEROES.find(HEROES.find => hero.id === id)what does=>` means？

我真的是个新手。所以，如果我的问题冒犯或触动了你们，我很抱歉..

谢谢!

Answer 1

方法getHeroes()返回一个Hero的数组类型的观察值。Backtick (`)被称为模板文字。早些时候我们经常写

let a = 10
b = 5 ;
console.log("value of a is" + a + " and the value of b is " + b);

使用模板文字，我们可以编写

console.log(`value of a is ${a} and value of b is ${b}`)

其中${ expression }可用于绑定表达式。

=>被称为“胖箭头”。

let example = function(str){
  console.log(str)
}

现在可以用胖箭头这样写

let example = (str) =>{
  console.log(str)
}

为了更好的理解，请阅读ES6的文档。模板文字和胖箭头是在ES6中实现的。

Answer 2

Observable<Hero[]>表示封装了Hero Hero类型数据的getHeroes方法rObservable返回一个可观测对象，其中[]表示一个数组；

在javascript中，的(反引号)称为

文本中的表达式(其值在运行时计算，并包含在由文本生成的最终值中)用大括号{}括起来，前面有一个美元符号$。