概述：

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被订阅时，它将调用传入订阅的相应回调。

Promise在异步操作完成或失败时处理单个事件。

承诺在应用程序中自动执行，而可观测则是惰性的。所以我们必须订阅可观测值以返回数据。

我们不能取消订阅承诺。与可取消订阅的Observables相比，它们每次都会执行。

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

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

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

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

概述：

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被订阅时，它将调用传入订阅的相应回调。

承诺与可观察到的相似性

两者都用于处理异步代码。请查看承诺示例。promise构造函数传递一个解析引用函数，当它在完成某个异步任务时被某个值调用时，该函数将被调用。const promise=new promise（解析=>{setTimeout（（）=>{决心（“来自承诺的问候！”）；}, 2000);});promise.then（值=>console.log（值））；现在是一个可观的例子。在这里，我们还将一个函数传递给observable——一个处理异步任务的观察者。与promise中的resolve不同，它具有以下方法并订阅以代替then。所以两者都处理异步任务。现在让我们看看区别。const observable=新的observable（观察者=>{setTimeout（（）=>{observer。next（“来自Observable的您好！”）；}, 2000);});observable.subscribe（value=>console.log（value））；

承诺与显著差异

许诺

它解析或拒绝单个值，并且可以一次处理单个值的异步任务。一个promise一旦解析了它完成的异步值，就不能再使用了。它只是一次性使用，在这里它是不够的。不可取消操作员不支持rxjs。

可观察的

能够发出多个异步值。用于处理事件或值流。假设您有一个包含大量任务或值的数组，并且您希望每次将值插入其中时都能自动处理。每当您将一个值推送到这个数组中时，它的所有订阅者都会自动收到最新的值。Observable可用于观察输入更改、重复间隔、向所有子组件广播值、web套接字推送通知等。可以随时使用退订方法取消。承诺的最后一个好部分是支持rxjs运算符。在订阅之前，您有许多管道操作符（主要是map、filter、switchMap、combineLatest等）来转换可观察数据。

还有一个区别：全球与进口

Promise是一个标准的内置对象，您可以直接使用它。在此处检查浏览器支持。

const myPromise=新Promise（（解析，拒绝）=>{setTimeout（（）=>{解决（“无需安装即可”）；}, 300);});我的承诺.then（值=>｛console.log（值）｝）.catch（错误=>｛console.log（错误）｝）；

JavaScript的可观察、反应式扩展需要RxJS安装和导入才能使用

import { Observable } from 'rxjs';