第一个 rxjs 例子

我一直觉得, 用最少的代码实现功能是非常酷的.
如果能把少写代码与逻辑清晰结合起来, 那就是再酷不过了.
因此想记住各种常用库的方法, 尽量使用起来, 减少代码量.
这也是我学他们的主要原因.

事件监听的惯常做法是这样的:

document.addEventListener("click", () => {
  console.log("click");
});

这没什么不好, 看起来也挺清晰的.
但要是用 RxJS, 就得这样写:

import { fromEvent } from "rxjs";

fromEvent(document, "click").subscribe(() => {
  console.log("click");
});

乍一看没啥区别, 但实际上是一种思维模式的转变. 主要是现在我也没咋搞清楚, 就展不开说了, 一点点写 demo 示例理解吧.

这种常规模式 & RxJS 模式的对比, 我觉得对理解很有帮助, 后续的随笔就这样来写吧.