11、RxJS 中的时间管理：从基础到应用

RxJS 中的时间管理：从基础到应用

1. 为何关注时间

时间在计算领域至关重要。多年前，用户体验（UX）和设计领域采用了“十的幂次规则”，为用户等待应用程序响应的可接受时间设定了准则：
| 时间范围 | 用户体验 |
| ---- | ---- |
| 0.1 秒 | 用户感觉其操作对应用有直接影响，交互真实且愉悦 |
| 0.1 - 1 秒 | 用户仍能控制应用，专注于活动。网页应用的页面或页面部分应在 1 秒内显示 |
| 1 - 10 秒 | 用户变得不耐烦，意识到在等待缓慢的计算机响应 |
| 超过 10 秒 | 流程中断，用户可能离开网站 |

JavaScript 应用常面临时间相关的挑战，如平衡远程数据获取、慢速网络、用户动画和定时事件等。从纯函数编程角度看，处理时间的函数本质上是不纯的，因为时间是全局且不断变化的维度。像 Date.now() 和 Math.random() 这类常用的 JavaScript 函数就是不纯的，因为无法保证一致的返回值。

不过，RxJS 是解决这些问题的合适工具。通过链式操作符，能以顺序、同步的方式执行代码，减少副作用的影响。虽然时间在数组中没有直接类比的方法，但仍可将时间引入操作符，实现流畅的设计。

2. 理解 JavaScript 中的异步计时

异步应用的运行时间受网络、文件系统、服务器速度等外部因素影响，这些因素会成为代码执行的瓶颈。异步事件有两个主要挑战：
- 模糊性：未来可能发生，也可能不发生。
- 条件性：依赖于先前任务的正确执行，如从文件或