概述：

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中的多个执行。对单个HTTP调用的多个订阅Observable将触发多个相同的HTTP调用，除非您.share（）（启用多播）。

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

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

Promise：是一个ES6特性，它处理在创建时立即执行的异步代码，该代码当时只能发出一个值，并且不可取消。随着现代应用程序和功能需求的复杂性，如果我们要同时执行多个承诺，或者在执行之前进行过滤或进行一些转换，那么就必须实现复杂的代码：

myPromise.then((resolvedValue) => {
    console.log(resolvedValue);
}, (error) => {
    console.log(error);
});

Observable:是Rxjs库提供的一个Object，它帮助我们处理JavaScript应用程序中的反应式编程，它提供链接和订阅来处理复杂的应用程序，具有可取消的优点，同时提供许多值。此外，我们还可以从应用其他运算符（如retry（）、map（）、filter（）、switchMap（）等）的链接中获益，这有助于处理复杂的用例和繁重的用户界面。

即时搜索示例：

search(terms: Observable<string>) {
    return terms.pipe(
      debounceTime(400),
      distinctUntilChanged(),
      switchMap((term) => this.searchEntries(term))
    );
  }

并行的许多APIS调用示例：

let character = this.http.get('https://jsonplaceholder.typicode.com/todos');
    let characterHomeworld = this.http.get(
      'https://jsonplaceholder.typicode.com/posts'
    );

    forkJoin([character, characterHomeworld]).subscribe((results) => {
      console.log('result °', results[0]);
      console.log('result 1', results[1]);
    });

Promise和Observables都帮助我们处理异步操作。当这些异步操作完成。Angular使用RxJS中的Observables而不是承诺来处理HTTP

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

简短回答：

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

长答案：

承诺：

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

观察结果：

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

承诺是渴望的，而可观察者是懒惰的。Promise总是异步的，而Observable可以是同步或异步。Promise可以提供单个值，而Observable是值流（从0到多个值）。您可以将RxJS运算符应用于Observable，以获得新的定制流动