为什么 Array<MyType>.find(...) 返回 'MyType |不明确的'？

Question

我正在使用 TypeScript 构建一个 Angular 应用程序。我有以下具有与属性完全匹配的相应接口的类：

地图：

export class Map extends BaseObject implements IMap {
    Dimensions: Dimension[];
    Shapes: Shape[];
    Roles: Role[];
}

基础对象：

export class BaseObject implements IBaseObject {
    ID: string;
    Label: string;
    DataType: string;
    CreatedDate: Date;
    CreatedUser: string;
    UpdatedDate: Date;
    UpdatedUser: string;
}

我有以下服务方法，其中mapArray() 是一个模拟 Map 对象数组的函数（返回类型明确声明为Map[]）：

我的服务方式：

getMap(id: string): Observable<Map> {
    return of(mapArray().find(map => map.ID === id));
}

此代码几乎是从Angular tutorial example 大量提取的：

Angular 教程服务方法：

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

我的服务方法的return 行上的错误是这样的：

键入'可观察的

我已经下载了教程示例代码，我可以确认.find() 方法返回了Hero 类型，而我的代码中的.find() 方法返回了Map | undefined 类型。

导致这种行为差异的原因是什么？

Answer 1

导致这种行为差异的原因是什么？

选项strictNullChecks。

为什么？

因为Array.prototype.find 确实返回undefined

修复

如果你知道你肯定会找到它，你可以使用断言：

getMap(id: string): Observable<Map> {
    return of(mapArray().find(map => map.ID === id)!);
}

更多

• Array.prototype.find：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find
• 非空断言：https://basarat.gitbooks.io/typescript/docs/options/strictNullChecks.html