美文网首页
RxJs学习笔记5--初识代码

RxJs学习笔记5--初识代码

作者: yahzon | 来源:发表于2018-08-22 11:54 被阅读11次

今天学习一个RxJs的示例代码。通过代码了解其核心概念:observable对象。可观察对象,也叫发布者。

RxJs核心概念

image.png

发布者对象的onsubscibe函数

发布者对象有个onsubscibe函数,这个函数描述发布者如何向订阅者(观察者)提供服务。这个onsubscibe接受观察者作为参数。

import {observable} from 'rxjs/Observable';
const onSubscribe = observer => {
  observer.next(1); //观察者调用自己的next函数,处理发布者提供的数据(就是1)。
  observer.next(2);
  observer.next(3);
}

image.png

创建发布者对象

发布者对象的创建,需要订阅函数作为构造器参数。

const source$ = new Observable(onSubscribe)

创建观察者对象

const theObserver = {
  next:item=>console.log(item);
}

发布者调用subscribe函数,为自己绑定订阅者

source$.subscribe(theObserver);

相关文章

  • RxJs学习笔记5--初识代码

    今天学习一个RxJs的示例代码。通过代码了解其核心概念:observable对象。可观察对象,也叫发布者。 RxJ...

  • 第1章 函数响应式编程

    注: 学习程墨老师《深入浅出RxJS》的笔记 RxJS采用了函数响应式编程。RxJS世界中有一种特殊的对象,称为流...

  • 初识rxjs

    最近因为一个偶然的机会接触到了rxjs, 但是发现网上关于rxjs的教程偏少,并且就我而言看了许多篇文章也只能算是...

  • RxJs学习笔记6--不断产生数据的发布者

    通过上一章的代码,理解了RxJs的基本工作机制。这次学习一下,RxJs如何不断的产生数据。

  • Rxjs系列教程目录

    RxJS-中文文档RxJS-中文指南 rxjs学习入门心得(一)Observable可观察对象rxjs学习入门心得...

  • RxJS 学习笔记

    安装 导入整个核心功能集 创建Observables 在外部产生新事件 在内部产生新事件

  • 第2章 RxJS入门

    注: 学习程墨老师《深入浅出RxJS》的笔记 。 1、Observable和Observer Observable...

  • 创建数据流

    注: 学习程墨老师《深入浅出RxJS》的笔记在RxJS中,一切都以数据流为中心,数据流以Observable类的实...

  • 学习笔记——>RxJS 合并数据流

    学习笔记-RxJS合并数据流 合并类操作符(combination) 全览 contact 首尾相连

  • RxJS学习笔记1

    前置:我目前的学习资料是30天精通RxJS,那个时候的RxJS是5.x版本,而目前最新版本是RxJS 6,所以资料...

网友评论

      本文标题:RxJs学习笔记5--初识代码

      本文链接:https://www.haomeiwen.com/subject/ikveiftx.html