Promise和Observables将帮助我们使用JavaScript中的异步功能。它们在许多情况下非常相似，但是，两者之间仍然存在一些差异，承诺是以HTTP调用等异步方式解析的值。另一方面，可观测性处理一系列异步事件。它们之间的主要区别如下：

承诺：

有一条管道通常仅用于异步数据返回不容易取消

可观察：

可取消本质上是可重新测试的，例如重试和retryWhen多个管道中的流数据具有类似数组的操作，如map、filter等可以从其他来源（如事件）创建它们是功能，稍后可以订阅

此外，我为您创建了下图，以直观地显示差异：

我相信所有其他的答案都会消除你的疑虑。然而，我只是想补充一点，可观测性是基于函数式编程的，我发现它附带的函数非常有用，比如map、flatmap、reduce、zip。web实现的一致性，尤其是当它依赖于API请求时，是一种残酷的改进。

我强烈推荐这个文档，因为它是reactiveX的官方文档，我发现它是最清晰的。

如果你想了解可观测性，我建议你写一篇三部分的文章：http://blog.danlew.net/2014/09/15/grokking-rxjava-part-1/

虽然它是针对RxJava的，但概念是相同的，而且解释得很好。在reactiveX文档中，您拥有每个函数的等效项。您必须查找RxJS。

简短回答：

可观察性更好。它具有所有Promise功能和额外功能。

长答案：

承诺：

一次性使用“返回数据一次”不取消一位听众无插座支持

观察结果：

数据更改时多次返回数据支持取消支撑插座支持许多侦听器，并在数据更改时通知它们支持映射、过滤和减少

Promise和Observable都在Angular（typescript）中用于处理异步数据，但它们的用法和行为不同。

承诺：是一次性事件（解决/拒绝）返回单个值（解析或拒绝一次）处理单个异步事件无取消和无插座

用例示例：错误处理和恢复/处理顺序操作/组件间通信

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

fetchData() {
  return new Promise((resolve, reject) => {
    this.http.get('https://api.examplepromise.com/data')
     .toPromise()
     .then(data => resolve(data))
     .catch(error => reject(error));
 });
}

观察结果：一段时间内可以发出多个值的值流只要流处于活动状态，就可以订阅并发出值。处理多个异步事件可以取消并支持socket/mapreducer（ngrx）操作用例示例：监控输入元素的变化/动画和转换/使用RxJS进行集中状态管理/取消用户输入以限制API调用

块引用

import { fromEvent } from 'rxjs';

constructor(private elementRef: ElementRef) {}

  listenToButtonClicks() {
  fromEvent(this.elementRef.nativeElement, 'click')
  .subscribe(event => console.log(event));
 }

在第一次阅读教程和文档时，我遇到了一个不明显的问题，那就是多播的想法。

确保您知道默认情况下，多个订阅将触发Observable中的多个执行。对单个HTTP调用的多个订阅Observable将触发多个相同的HTTP调用，除非您.share（）（启用多播）。

一个承诺迫使你一次处理一件事，解开它的数据，处理异常，对async/await等很酷的事情有语言支持，否则就很简单了。

Observable有很多钟和哨子，但你需要了解你正在使用的力量，否则它可能被滥用。

Promise在异步活动完成或失败时发出单个事件。

Observable类似于流（在许多语言中），允许传递至少零个或多个事件，其中每个事件都需要回调。

与Promise相比，Observable通常更受欢迎，因为它提供了Promise等的亮点。使用Observable，您是否需要处理0、1或各种事件并不重要。您可以针对每种情况使用类似的API。

承诺：promise只产生一种价值

例如：

const numberPromise = new Promise((resolve) => {
    resolve(5);
    resolve(10);
});

numberPromise.then(value => console.log(value));
// still prints only 5

可观察：在一段时间内发出多个值

例如：

  const numberObservable = new Observable((observer) => {
        observer.next(5);
        observer.next(10);
    });

numberObservable.subscribe(value => console.log(value));
// prints 5 and 10

我们可以想象一个可观察的流，它在一段时间内发出多个值，对发出的每个项调用相同的回调函数。无论该数据是作为单个值还是作为多个值在某段时间内传输。

承诺：

承诺不是懒惰承诺不能取消

可观察：

可观察就是懒惰。“可观察”是缓慢的。直到我们订阅了它。可以使用unsubscribe（）方法取消Observable另外，Observable提供了许多强大的运算符，foreach、filter、reduce、retry、retryWhen等。

角度承诺与可观测