Angular 6 HttpClient返回类的实例

Question

在引入 Angular 的新 HttpClient 之前，我们从 http api 调用返回的对象可以使用 instanceof 关键字进行验证。他们不再可以使用 HttpClient 模块。我正在尝试一些简单的方法，但类型检查每次都返回 false。期望的行为:

```

getCow() {
    return this.http.get<Cow>(ApiRoute.GET_COW, options)
        .map(res => res as Cow)
        .toPromise()
        .then((c: Cow) => {
            console.log(c instanceof Cow); //this is false
        })
}

```

会返回真值。有谁知道在 http 客户端的幕后新建实例的简单方法？

Answer 1

TypeScript 使用 structural typing ，即 c 对象不必是 Cow class 的实例以符合 Cow 输入。

TypeScript 类型仅在编译时存在，不会以任何方式影响 JS 输出(用于 Angular DI 的发射类型除外)。 as Cow 断言 res 符合 Cow 类型，而 instanceof Cow 期望 c 是 Cow 类的实例。由于 Cow 未实例化，因此 cow instanceof Cow 为 false。

一个类应该被设计成支持水合作用(可能通过构造函数参数)并被显式实例化:

class Cow {
  sound: string;
}

return this.http.get<Cow>(ApiRoute.GET_COW, options)
    .map(res => Object.assign(new Cow(), res as Cow))
    .toPromise()
    .then((c: Cow) => {
        console.log(c instanceof Cow);
    })

如果需要一些逻辑从普通对象构造Cow实例(验证，嵌套对象构造)，这可以在类构造函数或单独的辅助函数(例如Cow)中完成> 静态方法)。