Skip to content

13 RxJS

13.1 Overview

13.1.1 What is RxJS?

RXIS是一个用于处理异步编程的 Javascript 库,目标是使编写异步和基于回调的代码更容易。

13.1.2 为什么要学习 RxJS?

就像 Angular 深度集成 TypeScript 一样,Angular 也深度集成了 RXJS。

服务、表单、事件、全局状态管理、异步请求⋯

13.1.3 快速入门

  1. 可观察对象(Observable):类比 Promise 对象,内部可以用于执行异步代码,通过调用内部提供的方法将异步代码执行的结果传递到可观察对象外部。

  2. 观察者(Observer):类比then 方法中的回调函数,用于接收可观察对象中传递出来数据。

  3. 订阅(subscribe ):类比 then 方法,通过订阅将可观察对象和观察者连接起来,当可观察对象发出数据时,订阅者可以接收到数据。

Screenshot 2025-01-26 at 23.27.08

https://www.bilibili.com/video/BV1WP4y187Tu/?spm_id_from=333.337.search-card.all.click&vd_source=73e7d2c4251a7c9000b22d21b70f5635

import { Observable } from "rxjs"
const observable = new Observable( function (observer) {
    setTimeout(function(){
        observer.next({
            name:"张"
        })
    }, 2000)
})

const observer = {
    next: function(value) {
        console.log(value)
    }
}
observable.subscribe(observer)