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

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

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

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));
 }

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

角度承诺与可观测

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允许使用ES7异步/等待函数。使用它们，您可以像编写同步函数调用一样编写异步代码，因此不再需要回调。Observables做到这一点的唯一可能性是将它们转换为Promise。但当您将它们转换为Promise时，只能再次有一个返回值：

async function getData(){
    const data = await observable.first().toPromise();
    //do stuff with 'data' (no callback function needed)
}

进一步阅读：如何“等待”Rx Observable？