昨天我们最后讲到了 merge 的用法，它的逻辑就像是 OR(||)一样，可以把多个 observable 合并且同时处理，当其中任合一个 observable 送出元素时，我们都做相同的处理。 今天我们要讲的三个 operators 则像是 AND(&&) 逻辑，它们都是在多…

因为实在太多读者在问要如何使用 Observable，所以特别调整了本系列文章最后几篇的内容，空出一天的位置来写如何简易实现 Observable。 为什么是简易实例而不完整实例呢？ 当然这个系列的文章是希望读者能学会如何使用 RxJS，而 实使用 Observable 其实只…

今天我们要讲三个 operators，这三个 operators 都是用来处理 Higher Order Observable。所谓的 Higher Order Observable 就是指一个 Observable 送出的元素还是一个 Observable，就像是二维数组一样…

上面这段代码我们用 subject 订阅了 source，再把 observerA 跟 observerB 一个个订阅到 subject，这样就可以让 observerA 跟 observerB 共用同一个执行。但这样的写法会让代码看起来太过复杂，我们可以用 Observabl…

前几天我们把所有重要的观念及前置的知识都讲完了，今天要正式进入 RxJS 的应用，整个 RxJS 说白了就是一个核心三个重点。 一个核心是 Observable 再加上相关的 Operators(map, filter...)，这个部份是最重要的，其他三个重点本质上也是围绕着这…

我们今天要接着讲 take, first, takeUntil, concatAll 这四个 operators，并且实例一个简易的拖拽功能。 这里可以看到我们的 source 原本是会发出无限个元素的，但这里我们用 take(3) 就会只取前 3 个元素，取完后就直接结束(c…

在网页的世界存取任何资源都是非同步(Async)的，比如说我们希望拿到一个档案，要先发送一个请求，然后必须等到档案回来，再执行对这个档案的操作。这就是一个非同步的行为，而随着网页需求的复杂化，我们所写的 JavaScript 就有各种针对非同步行为的写法，例如使用 callba…

昨天我们介绍了 Subject 是什么，今天要讲 Subject 一些应用方式，以及 Subject 的另外三种变形。 从上面的代码可以看出来，因为 React 本身 API 的关系，如果我们想要用 React 自订的事件，我们没办法直接使用 Observable 的 crea…

这里我们延迟一秒再用 observerB 订阅，可以从 log 中看出 1 秒后 observerA 已经印到了 1，这时 observerB 开始印却是从 0 开始，而不是接着 observerA 的进度，代表这两次的订阅是完全分开来执行的，或者说是每次的订阅都建立了一个新的…