Promise VS Rxjs

最新推荐文章于 2025-07-07 18:51:17 发布

大事龙

最新推荐文章于 2025-07-07 18:51:17 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/w_yunlong/article/details/78006671

JS 专栏收录该内容

21 篇文章

订阅专栏

本文对比了JavaScript中Promise和RxJS的基本用法。通过创建Promise实例实现延时任务，并使用then方法处理异步操作结果。同时，展示了RxJS Observable如何进行事件流处理，包括订阅、取消订阅及连续触发事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise

let promise = new Promise(resolve => {
    let timer = setTimeout(() => {
        resolve('promise resolve');
    }, 2000);
});

promise.then(value => {
    console.log('value = ', value)
});

Rxjs

let stream = new Observable(observer => {
    let timer = setTimeout(() => {
        observer.next('observer...');
    }, 2000);
});

let handle = stream.subscribe(value => console.log(value));

另 Rxjs :

// 取消订阅
setTimeout(()=>{
    handle.unsubscribe();
}, 1000)；

// 连续触发
let stream2 = new Observable(observer => {
    let count = 0;
    let timer = setInterval(() => {
        observer.next(count);
        count++;
    }, 1000);
});

stream2.subscribe(value => console.log('stream2 = ', value));