以下是承诺和可观察性的一些重要区别。

许诺

仅发射单个值不可取消不可共享始终异步

可观察的

发出多个值仅在调用或有人订阅时执行可以取消可以由多个订阅者共享和订阅该共享值。所有订阅者都将在一个时间点执行。可能是异步的

为了更好地理解，请参阅https://stackblitz.com/edit/observable-vs-promises

承诺：

异步事件处理程序-Promise对象表示异步操作的最终完成（或失败）及其结果值。

语法：new Promise（executor）；

例如：

var promise_eg = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('foo');
  }, 300);
});

promise_eg.then(function(value) {
  console.log(value);
  // expected output: "foo"
});

console.log(promise_eg);

关于Promise：

它有一个管道，因此在调用时只返回一次值。它是一个单向处理程序，因此一旦调用，您可能无法取消。可以在when（）和then（）之间使用有用的语法。

观察结果：

可观测值是一段时间内多个值的惰性集合。这是一种非常好的异步操作方法。它可以用具有跨平台支持的rxjs实现，也可以与Angular/React等一起使用。

它的作用类似于流衬垫，可以是多管道。因此，一旦定义，您可以在许多地方订阅以获得返回结果。

语法：从“@reactivex/rxjs”导入*作为Rx；初始化：

Rx.Observable.fromEvent(button, "click"),
Rx.Subject()

etc.

订阅：RxLogger.getInstance（）；

例如：

import { range } from 'rxjs';
import { map, filter } from 'rxjs/operators';

range(1, 200).pipe(
  filter(x => x % 2 === 1),
  map(x => x + x)
).subscribe(x => console.log(x));

由于它支持多管道，您可以在不同的位置订阅结果，

它有比承诺更多的可能性。

用法：

它有更多的可能性，如贴图、过滤器、管道、贴图、concatMap等。

我总结了以下差异，

可观察：

Observable只是一个函数，它接受一个观察者并返回一个函数observer：一个带有下一个错误的对象。Observer允许订阅/取消订阅其数据流，发出下一个值，通知观察者错误和通知观察者流完成情况Observer提供了一个函数来处理下一个值、错误和流结束（UI事件、http响应、带有web套接字的数据）。随着时间的推移使用多个值它可以取消/重试，支持map、filter、reduce等运算符。创建Observable可以是-Observable.create（）-返回可在-ObservatorObservable.from（）-将数组或可迭代对象转换为-ObservableObservable.fromEvent（）-将事件转换为Observable-Observable.fromPromise（）-将Promise转换为Observable-Observable.range（）-返回指定范围内的整数序列

承诺：

一个承诺代表着一项未来将完成的任务；承诺通过价值来解决；承诺被例外拒绝；不可取消，并返回单个值承诺暴露函数（然后）-然后返回一个新的承诺；-允许基于状态-处理程序保证按照所附的顺序执行；

Observables和Promise帮助我们使用JavaScript/TypeScript中的异步功能。它们在许多情况下非常相似，但它们之间仍有一些差异。

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等。

角度承诺与可观测

我看到很多人认为Observable是“可取消的”，但将Promise设为“可取消”并不重要

函数cancelablePromise（主体）{让决心，拒绝；const promise=新的promise（（res，rej）=>{分辨率=res；拒绝=rej；正文（解析，拒绝）})promise.resolve=决议；promise.reject=拒绝；退货承诺}//示例1：过早拒绝承诺const p1=可取消承诺（（resolve，reject）=>{setTimeout（（）=>解析（“10”，100））})p1.then（value=>alert（value））.catch（err=>console.error（err））p1.拒绝（新错误（'denid'））//控制台中出现错误//示例：过早地解决承诺const p2=可取消承诺（（resolve，reject）=>{setTimeout（（）=>解析（'blop'），100）})p2.then（value=>alert（value））.catch（err=>console.error（err））p2.resolve（200）//预期警报为200