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

承诺：

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

可观察：

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

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

承诺

定义：帮助您异步运行函数，并使用它们的返回值（或异常），但仅在执行时使用一次。不懒惰不可取消（有Promise库支持取消，但ES6 Promise目前还没有）。两个可能的决定是拒绝决定无法重试（promise应该可以访问返回promise的原始函数，该函数具有重试功能，这是一种错误的做法）

可观察到的

定义：帮助您异步运行函数，并在执行时以连续顺序（多次）使用它们的返回值。默认情况下，它是懒惰的，因为随着时间的推移，它会发出值。有很多运算符，简化了编码工作。一个运算符重试可以用于在需要时重试，如果我们需要根据某些条件重试可观察值，也可以使用retryWhen。

注：**RxMarbles.com上提供了操作员列表及其交互式图表**

承诺：

提供单一的未来价值；不懒惰；不可撤销；

可观察：

随时间推移发出多个值；懒惰的可取消；支持map、filter、reduce和类似运算符

如果愿意，可以在Angular中调用HTTP时使用promise而不是observables。

概述：

Promise和Observables都帮助我们处理异步操作。当这些异步操作完成时，它们可以调用某些回调。Promise只能处理一个事件，Observables用于一段时间内的事件流承诺一旦待定，就不能取消可以使用运算符转换可观测数据发射

您可以始终使用可观察对象来处理异步行为，因为可观察对象具有承诺提供的所有功能（+额外功能）。然而，有时不需要Observables提供的额外功能。然后，导入一个库以供其使用将是额外的开销。

何时使用Promise：

当您有一个要处理结果的异步操作时，请使用promise。例如：

var promise = new Promise((resolve, reject) => {
  // do something once, possibly async
  // code inside the Promise constructor callback is getting executed synchronously

  if (/* everything turned out fine */) {
    resolve("Stuff worked!");
  }
  else {
    reject(Error("It broke"));
  }
});

//after the promise is resolved or rejected we can call .then or .catch method on it

promise.then((val) => console.log(val))      // logs the resolve argument
       .catch((val) => console.log(val));    // logs the reject argument

因此，promise执行一些代码，它要么解析，要么拒绝。如果称为resolve或reject，则promise将从挂起状态变为resolved或reject状态。当promise状态被解析时，将调用then（）方法。当promise状态被拒绝时，将调用catch（）方法。

何时使用Observables：

当一段时间内存在需要处理的数据流时，使用Observables。流是一系列随时间而可用的数据元素。流的示例有：

用户事件，例如单击或键控事件。用户随时间生成事件（数据）。Websockets，在客户端与服务器建立WebSocket连接后，它会随时间推移推送数据。

在Observable中，指定了下一个事件发生的时间、错误发生的时间或Observable完成的时间。然后，我们可以订阅这个可观察的，它激活了它，在这个订阅中，我们可以传递3个回调（不必总是传递所有回调）。成功时执行一次回调，错误时回调，完成时回调。例如：

const observable = Rx.Observable.create(observer => {
  // create a single value and complete
  observer.onNext(1);
  observer.onCompleted();
});

source.subscribe(
  x => console.log('onNext: %s', x),   //  success callback
  e => console.log('onError: %s', e),  //  error callback
  () => console.log('onCompleted')     //  completion callback
 );

// first we log: onNext: 1
//  then we log: onCompleted

当创建一个可观察对象时，它需要一个回调函数，该函数提供一个观察者作为参数。在这个观察者上，您可以调用onNext、onCompleted和onError。然后，当Observable被订阅时，它将调用传入订阅的相应回调。

我总结了以下差异，

可观察：

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

承诺：

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

Promise总是异步的，而Observable可以是同步的或异步的。当数据发生变化时，观察者会多次返回数据。Promise只产生一种价值。可观测值是一段时间内多个值的惰性集合。这是一种非常好的异步操作方法。承诺不是懒惰的。可以使用unsubscribe（）取消可观测值。承诺不能取消。