在Angular 4中对HTTPClient请求进行类型检查

Question

我想知道如何在Angular 4中正确使用HTTP客户端进行类型检查。 https://angular.io/guide/http下的官方文档说我应该像这样做：

因此，我们有一个蛋糕：

 export interface Cake { numberOfCandles: number; diameter: number } 

和CakeService：

 @Injectable() export class CakeService { public getCake(cakeUrl: string): Observable<Cake> { return this.http.get<Cake>(cakeUrl); } } 

看起来很简单。 因此，我编写了一个测试以查看其工作方式：

 it('should get one cake', inject([CakeService, HttpTestingController], (http: CakeService, httpMock: HttpTestingController) => { http .getCake('testurl') .subscribe((data: Cake) => { expect(data.numberOfCandles).toBe('Test'); }); const req = httpMock.expectOne('testurl'); expect(req.request.method).toEqual('GET'); req.flush({ numberOfCandles: 'Test' }); httpMock.verify(); })); 

令我惊讶的是，测试通过了。 类型检查是否应该捕获发送的字符串而不是数字？ 文档中是否缺少我要执行的步骤？ 在我看来，这不会在运行时进行类型检查。 我怎样才能做到这一点，这有意义吗？ 谢谢！

Answer 1

TypeScript是静态键入的，以进行编译。 编译TypeScript后，它变成未类型化的常规JavaScript。 因此，在运行时，它不会基于不同的类型而失败，因为它们都被视为“对象”类型。 现在，您可以执行某种鸭子检查，以确保存在正确的属性。 但是除此之外，运行时没有更多内容。