从一个实际的例子触发，理解什么是 Rxjs 的 defer 函数

我们在开发复杂的 Angular 应用时，经常会使用到 Rxjs 的 defer 函数，例如：

创建一个 Observable，在订阅时调用 Observable 工厂为每个新的 Observer 创建一个 Observable 对象。

该函数接收一个输入参数，类型为一个工厂函数。输出为一个 Observable 对象，一旦被订阅时，其绑定的工厂函数会被调用。

defer 的实质是延迟创建机制，即只有在返回的 Observable被订阅时，才开始创建 Observable 对象。

defer 允许你只在 Observer 订阅时创建一个 Observable。它一直等到 Observer 订阅它，调用给定的工厂函数来获取一个 Observable —— 工厂函数通常会生成一个新的 Observable —— 并将 Observer 订阅到这个 Observable。如果工厂函数返回一个假值，则使用 EMPTY 作为 Observable 代替。最后但并非最不重要的是，工厂函数调用期间的异常通过调用 error 传递给观察者。

看下面这个具体的例子。

我们来单步调试下上面这段代码。首先进入 defer 内部执行逻辑：

在 defer 内部，直接构造一个新的 Observable，并且将工厂函数传入。该工厂函数在第8行被调用，用于生成一个包含应用程序业务逻辑的 Observable 对象，存储在 input 里。最后，将应用程序的subscriber 订阅到这个工厂函数返回的 Observable 上。

我们再单步执行，发现程序执行流从上图的第5行，跳转到了第16行。这体现了 defer 函数延迟创建 Observable 对象的行为。所谓延迟创建，准确的说，应该是延迟了包含业务逻辑的 Observable 对象的创建。

紧接着，回到我们的应用代码，此时针对 defer 函数返回的 wrapper Observable 对象调用 subscribe，这时候就会触发包含业务逻辑的 Observable 对象的创建了：

defer 返回的 wrapper Observable 的订阅函数在此处执行：

调用工厂方法，进行包含业务逻辑的 Observable 对象创建：

当前随机数执行结果大于 0.5,返回 fromEvent 生成的新 Observable 对象。

紧接着，第24行的匿名函数 x => console.log(x)，每当屏幕被鼠标点击时，就会触发。这个匿名函数本来是订阅到 defer 函数返回的 wrapper Observable 对象的。当工厂函数返回了新的 Observable 对象后，它被自动订阅到这个新的 Observable 对象上。

总结 defer 的工作原理：

(1) defer 函数被调用时，传入一个工厂函数作为输入参数。这个工厂函数返回一个新的包含了业务逻辑的 Observable 对象。

(2) defer 函数返回另一个新的 Observable 对象，这个 Observable 对象称为 wrapper 或者 dummy Observable 对象，因为它不包含任何业务逻辑，存活的唯一价值就是，实现业务逻辑 Observable 对象的延迟创建。

(3) 当 wrapper Observable 被订阅时，触发工厂函数的执行，生成新的 Observable 对象，同时通知其 Observer.

更多Jerry的原创文章，尽在：“汪子熙”:

从一个实际的例子触发，理解什么是 Rxjs 的 defer 函数相关推荐

java c 简单例子_通过一个简单的例子来理解C语言中的LAPACK调用
我是LAPACK和C / Fortran接口的初学者 . 我需要在Mac OS-X Lion上使用LAPACK / BLAS解决线性方程和特征值问题 . OS-X Lion提供优化的BLAS和LAPA ...
java继承类型转换_#java 一个简单的例子理解java继承、成员函数重写、类型转换...
一个简单的例子理解java继承.成员函数重写.类型转换 1.继承简介举一个简单的例子:笔分为很多种,比如毛笔.钢笔.圆珠笔等等,这些笔都有一些相同的属性比如长度.笔迹的粗细等等:但他们也有不同的特点 ...
java 以一个例子来理解面向对象编程思想
在面向对象的编程中,面向对象的应用是检验你对现实中实际物体和及其关系的抽象能力.在实际编程过程中,你的能力并不是你掌握了多少新的技术,而是对你当前问题的认识的深度,当你理解的足够深的时候,你的框架就出 ...
一个同行对JAVA的理解
想来学习Java也有两个年头了,永远不敢说多么精通,但也想谈谈自己的感受,写给软件学院的同仁们,帮助大家在技术的道路上少一点弯路.说得伟大一点是希望大家为软件学院争气,其实最主要的还是大家自身的进步提 ...
一个简单的例子学会github repository的webhook
2019独角兽企业重金招聘Python工程师标准>>> github的webhook是个有用的功能,允许开发人员指定一个服务器的url.当开发者对github仓库施加操作,比如提交代 ...
ICLR 2020 | ReClor: 一个需要逻辑推理的阅读理解数据集
2020-05-12 20:22:59 语言预训练模型在现有流行的阅读理解数据集上取得了惊人的效果,因此,现在是时候引入更复杂的数据集来推动该领域朝着更复杂推理的方向发展了. 新加坡国立大学冯佳时团队 ...
量子运算简单通俗例子_什么是量子计算机？用一个简单的例子解释。
量子运算简单通俗例子 by YK Sugi 由YK Sugi 什么是量子计算机? 用一个简单的例子解释. (What is a quantum computer? Explained with a ...
西门子for循环例子_理解JavaScript中的循环缺陷和迭代协议
如果您已经用JavaScript或任何语言编程了一段时间,for-循环对你来说不应该陌生.您没有注意到许多编程语言,包括JavaScript,已经从使用for-循环使用迭代器-返回给定集合的下一项的对 ...
React.js 小书 Lesson1-2 - 前端组件化（一）：从一个简单的例子讲起
React.js 小书 Lesson1-2 - 前端组件化(一):从一个简单的例子讲起本文作者:胡子大哈本文原文:http://huziketang.com/books/react/lesson2 ...

从一个实际的例子触发，理解什么是 Rxjs 的 defer 函数

从一个实际的例子触发，理解什么是 Rxjs 的 defer 函数相关推荐

最新文章

热门文章