Angular中未订阅HttpClient返回的Observable为何不触发网络请求？

嘿，这个问题刚好戳中了RxJS Observable的核心特性，我来给你讲明白～

Angular的HttpClient.get()方法返回的是一个冷Observable，这是RxJS里Observable的一种类型，它的核心规则就是：只有当有观察者调用subscribe()订阅它的时候，才会触发背后的执行逻辑——这里的执行逻辑就是发送HTTP请求。

你之前以为调用this.http.get()就会发请求，其实是把Observable和普通函数搞混了。普通函数调用就会立即执行，但冷Observable更像是一个“请求蓝图”：它描述了要做什么（发GET请求），但不会真的去做，直到有人“签收”这个请求（也就是订阅）。

这种设计其实是有意为之的，有几个好处：

• 你可以在订阅前自由添加操作符（比如map()处理响应数据、catchError()捕获错误），不会浪费网络资源去发一个还没准备好处理的请求
• 每次订阅都会重新触发一次请求，这在很多场景下很有用——比如用户多次点击“刷新数据”按钮，每次点击订阅都会发新的请求

举个简单的代码例子你就懂了：

// 这里只是创建了一个请求的蓝图，根本没发请求
const userDataRequest$ = this.http.get('assets/userDetail.json');

// 只有调用subscribe()之后，浏览器才会真正发送GET请求到目标URL
userDataRequest$.subscribe(userData => {
  console.log('拿到用户数据啦：', userData);
});

如果真的有特殊需求，想让请求在不手动订阅的情况下也发送（比如一些后台埋点请求），你可以直接调用subscribe()而不处理返回值，或者用pipe(tap())来做一些副作用操作后再订阅，但一般不推荐这么做，因为订阅后记得要在组件销毁时取消订阅，避免内存泄漏哦～

内容的提问来源于stack exchange，提问作者Kuldeep Dangi