从这里开始: https://dev59.com/X1oU5IYBdhLWcg3wg3So#40135509
首先，该答案介绍了Observable如何有助于防止向服务器发送相同重复请求以及如何在许多请求之间暂停，以便服务器不会超载。
然后它说：
就我在Angular中使用Http而言，在正常的用例中，使用Observable与Promise没有太大区别。在实践中，没有一个优点真正相关。希望将来我能看到一些高级用例 :)
我理解的是，在使用Http时，Observable的好处并不是很相关。
为什么会这样？在这种情况下，Http扮演了什么角色？
我需要学习哪个主题才能理解Http在这里的作用？
HttpClient返回的observable通常只发出一个值然后完成，表面上看起来很像promise。然而，这样做纯粹是为了一致性和/或者拒绝在Angular中总是使用promises这个想法并不正确。正如其他人所指出的，async pipe支持promise，application init也一样。那么为什么要使用observables而不是promises进行http请求？因为observables提供了另一层抽象。
在你链接的那个线程中，这个评论提出了一个关键点:
@gman确实如此。Promise只表示某些未来的值。它并不代表生成该值的操作。您无法取消值。您无法重试值。它只是一个值。它可能已经存在，也可能不存在，因为发生了异常，但仅此而已。
让我们谈谈取消HTTP请求。在observable的情况下，HttpXhrBackend只是HttpBackend的一个实现，并且通过调用XMLHttpRequest.abort()处理observable的取消:
// This is the return from the Observable function, which is the
// request cancellation handler.
return () => {
// On a cancellation, remove all registered event listeners.
xhr.removeEventListener('error', onError);
xhr.removeEventListener('load', onLoad);
if (req.reportProgress) {
xhr.removeEventListener('progress', onDownProgress);
if (reqBody !== null && xhr.upload) {
xhr.upload.removeEventListener('progress', onUpProgress);
}
}
// Finally, abort the in-flight request.
if (xhr.readyState !== xhr.DONE) {
xhr.abort();
}
};
// How would something that consumes this call xhr.abort()?
function myHttpGetPromise(method, url) {
return new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url);
xhr.onload = resolve;
xhr.onerror = reject;
xhr.send();
});
}
XMLHttpRequest实例）。XMLHttpRequest周围（类似于支持中止的httpPromise）中添加另一层抽象来允许取消。Promise不能被重用。 假设您想使用Promise重试HTTP请求。 您会如何处理？ 您需要添加另一层抽象。 在可观察对象的情况下，我们有内置的重试支持。
最后值得一提的是，angular HttpClient并不总是返回一个值。 如果将reportProgress设置为true，则会在请求完成时发出多个HttpEvents事件。 有关更多信息，请参见文档。 最后，您应该阅读在Angular存储库中讨论此问题的原始问题，以了解更多背景信息。
Angular是建立在RxJs之上的。像EventEmitter这样的异步函数是RxJs observables，表格也是如此。 RxJs非常适合异步功能。由于Angular建立在RxJs之上，因此当他们构建提供http功能的服务时，开发人员会选择使用RxJs。当我们使用RxJs构建异步应用程序时，不会将其与promises混合使用。
如果您只考虑发送请求并获得响应，可能看不出有多大好处，但一旦开始使用RxJs并了解所有的RX operators，就会有所领悟。
在学习Angular之前学习RxJs将使您成为更好的Angular开发人员。我希望几年前有人告诉我这个，因为在我没有完全掌握RxJs的早期日子里编写的应用程序将会有不同的写作方式，如果我花些时间学习RX函数的话。
如果您正在使用observables，则async管道也是另一个非常好的工具，它也可以与promises一起使用，但这意味着您可以直接在模板中使用observables，而无需在代码中管理订阅。
Promise和Observable并不是一个好主意，您应该始终记住使用了什么和在哪里使用了。Observable添加了一些在Promises中遗漏的额外功能。让我们将所有帮助您操纵数据的RxJs运算符留在本篇文章之外。
Observable的使用有三个主要优点，比Promise更有益：
Promise无法做到。Promise支持。form.valueChanges()或routerState都是热态的。这意味着可能会返回多个结果。我可以想象您会使用它们来做更复杂的事情。一般来说，Observable流可以发出多个值，可能会完成，也可能会出错。
因此，由于最多只发出一个值，http Observables与Promises非常相似，后者实际上可以发出一个值或错误。
尽管如此，在现实场景中使用Observables进行http调用仍有优势，特别是当您必须将多个http调用与其他异步事件流组合时。在这篇文章中，有一些使用Observables和http调用的典型模式，您可以欣赏rxjs运算符的好处。
在我看来，Observables 的关键区别在于它有特权能够取消订阅。而 Promise 则依赖于 Resolve 或 Reject。 使用 Observables 还有许多其他好处，我主要倾向于 Angular。这是一个梦幻般的体验。
switchMap、takeWhile和forkJoin就足够调用一个 API。 - Eliseo