在引入 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 客户端的幕后新建实例的简单方法?
最佳答案
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
)中完成> 静态方法)。
关于Angular 6 HttpClient返回类的实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50452431/