这里只印出 4 然后就结束了，因为 debounce 运行的方式是每次收到元素，他会先把元素 cache 住并等待一段时间，如果这段时间内已经没有收到任何元素，则把元素送出；如果这段时间内又收到新的元素，则会把原本 cache 住的元素释放掉并重新计时，不断反复。 以现在这个示…

为了让大家在圣诞节好好的陪家人，所以今天的文章内容就轻松点，让我们简单介绍几个的 operators 就好了。 原本从 0 开始的就会变成从 3 开始，但是记得原本元素的等待时间仍然存在，也就是说此示例第一个取得的元素需要等 4 秒，用 Marble Diagram 表示如下。…

昨天我们把所有建立 Observable 实例的 operators 讲完了，接下来我们要讲关于转换(Transformation)、过滤(Filter)、合并(Combination)等操作方法。先来让我们看看什么是 Operator Operators 就是一个个被附加到 …

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

今天要继续讲两个简单的 transformation operators 并带一些小示例，这两个 operators 都是实际上很常会用到的方法。 scan 其实就是 Observable 版本的 reduce 只是命名不同。如果熟悉数组操作的话，应该会知道原生的 JS Arr…

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

Observable 有许多创建实例的方法，称为 creation operator。下面我们列出 RxJS 常用的 creation operator 他先后传递了 'Jerry', 'Anna' 然后结束(complete)，这是一个十分常见模式。当我们想要同步的传递几个值…

现在可以直接透过数组的 forEach 取出每一个元素。 forEach 是 FP 操作数组的基本方法，我们可以用这个方法来实例下面三个我们今天要讲的重点分别为 map, filter, concatAll。 虽然我们成功的把 newCourseList 转成 idAndTit…

前一篇文章我们已经完成了基本的 observable 以及 Observer 的简易实现，这篇文章我们会接续上一篇的内容实现简易的 Observable 类别，以及一个 creation operator 和一个 transform operator。 这样一来我们就可以用 O…