rxjs02:Observable和Promise的不同点

tommoq

已于 2022-09-25 20:17:12 修改

阅读量109

点赞数

分类专栏： rxjs 文章标签： javascript

于 2021-08-28 22:11:48 首次发布

本文链接：https://blog.csdn.net/weixin_47198950/article/details/119974036

版权

rxjs 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文探讨了可观察对象(Observable)与Promise的区别。Observable在订阅前不会执行，适合按需执行的操作，而Promise在创建时即开始执行。在串联操作中，Observable的管道函数仅在订阅时触发，Promise则在链式调用时逐个执行。此外，Observable支持手动取消，例如通过调用unsubscribe方法来终止定时器。

摘要由CSDN通过智能技术生成

Observable和Promise的不同点

可观察对象是声明式的，在被订阅之前，它不会开始执行。承诺是在创建时就立即执行的。这让可观察对象可用于定义那些应该按需执行的菜谱。

class AppComponent {
    newPromise() {
      const p = new Promise(resolve => {
        console.log('initial a promise'); // 立即触发
      });
    }
    newObservable() {
      const o = new Observable(subscriber => {
        console.log('initial a newObservable'); // 不触发
      });
    }
}

2. 串联
跟第一条类似，只有当调用subscribe方法时，才会执行所有管道函数

class AppComponent {
newPromise() {
    const p = new Promise(resolve => {
      resolve(['a', 'b', 'c']);
    }).then(res => {
      console.log('第一个then');
      return res;
    }).then(res => {
      console.log('第2个then');
      return res;
    });
  }
  newObservable() {
    const o = new Observable(subscriber => {
      console.log('initial a newObservable');
      subscriber.next(['a', 'b', 'c']);
    }).pipe(
      map(res => {
        console.log('第一个map');
        return res;
      }),
      map(res => {
        console.log('第2个map');
        return res;
      })
    );  // 不订阅，pipe中的所有函数都不会触发
  }
}

3. Observable可以手动取消

定义一个定时器

const sub = interval(1000).subscribe(res => {
  console.log('interval', res);
});
class App {
  cancelObservable() {
      sub.unsubscribe();
  }
}