angular - 如果我们不订阅以 Angular 返回可观察对象的 HttpClient 请求，会发生什么

Question

我是 Angular 和 typescript 的新手，正在尝试了解 HttpClient、observables 和 subscribe

当我在组件的函数中执行此操作时

console.log(this.http.get('assets/user.json'));

我正在接收一个对象，但在调试器 network 中看不到任何发送到 https://localhost:4200/assets/user.json 的请求，而如果我更改代码为

this.http.get('assets/userDetail.json').subscribe(data => this.user = { name:  data['name']});

我可以看到网络请求命中了所需的 URL。为什么会这样？我的理解是即使我们不订阅响应数据流，this.http.get('assets/userDetail.json') 也会命中 url。

Answer 1

要理解这个问题，最好知道有hot 和cold observables——冷的需要订阅，否则它们不会被解雇，热的会被解雇 no是否订阅了它们很重要。

Angular 的 HttpClient 返回一个冷的 Observable，因此它在订阅之前不会被触发。要确定可观察对象是热的还是冷的，您需要检查相应的文档，例如参见 HttpClient.post :

Constructs an Observable which, when subscribed, will cause the configured POST request to be executed on the server.

Angular 的热可观察对象的一个​​例子是例如ActivatedRoute.params - how to use - 你看到没有订阅。

一个可观察对象是热/冷的事实比仅仅有或没有订阅有更多的后果:

• 订阅时，您也应该取消订阅in some cases为了避免内存泄漏还有 Angular 的 async pipe ，为您管理订阅；关于此事有一篇文章:Don't forget to unsubscribe ( Angular 特定)

• Ben Lesh 有一篇关于这个主题的从一般 Angular 来看的完美文章:Hot vs Cold Observables (不特定于 Angular)。