11、掌握 RxJS 中的时间处理：从基础到实战应用

掌握 RxJS 中的时间处理：从基础到实战应用

1. 时间在计算中的重要性

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

时间是使数据在流中流动的暗流，是任何成功应用程序的关键方面。JavaScript 应用程序经常面临时间相关的问题，例如平衡从远程位置获取数据、处理慢速网络、用户动画、定时事件等任务，这些任务之间的平衡极具挑战性。

从纯函数式编程的角度来看，处理时间的函数本质上是不纯的，因为时间是一个全局且不断变化的维度，不是函数局部的。例如， Date.now() 和 Math.random() 等常用的 JavaScript 函数就是不纯的，因为无法保证它们的返回值一致。

尽管存在这些问题，RxJS 仍然是处理时间相关问题的合适工具。通过链式操作符，大多数问题可以通过顺序、同步执行来解决，从而减少副作用的影响。

2. 理解 JavaScript 中的异步计时

异步应用程序的运行时取决于许多外部因素，如网络、文件系统、服务器速度等，这些因素会成为代码执行的瓶颈。异步事件主要面临两个挑战：