RxJS Observable——理解观察者模式

本文深入解析观察者模式在JavaScript中的应用,通过创建可观察对象(observable)和观察者对象(observer),并使用订阅(subscribe)机制,实现了数据变化时自动执行函数的功能。文章通过实例详细解释了observable、observer和subscribe三个核心概念。

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

Observable——理解观察者模式

观察者模式(Observer mode)指的是函数自动观察数据对象,一旦对象有变化,函数就会自动执行。——《ECMAScript 6 入门

一 理解三个概念

js对象是属性和函数的集合

  1. observable(可观察对象):由Rx.Observable.create 或创建操作符创建的的对象
  2. observer(观察者对象):一个回调函数的集合
  3. subscribe(订阅):可以理解为一个订阅事件,当订阅事件发生时,observer(观察者对象)会根据observable(可观察对象)里对observer对象的回调函数的调用来执行函数

 二 创建observable(可观察对象)

var observable = Rx.Observable.create(function subscribe(observer) {
  observer.next(1);
  observer.next(2);
  observer.next(3);
  observer.complete();
});

Rx.Observable.create()参数是一个subscribe函数,subscribe函数的参数是一个observer(观察者对象)。subscribe函数里调用observer对象的next()函数。

三 创建 observer(观察者对象)

var observer = {
    next: (x) => {console.log(x)},
    err: (err) => {console.log(err)},
    complete: () => {console.log("complete")}
}

四 observer(观察者对象)订阅observable(可观察者对象)

observable.subscribe(observer);

 执行结果:

>1
>2
>3
>complete

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值