RxJS 是一个非常强大的 JavaScript 库，它提供了一种用响应式编程方式来处理异步数据流的方法。在 RxJS 中，有许多操作符可以用来操作这些数据流。其中，from、of 和 fromEvent 操作符是非常常用的三种。本文将详细介绍它们的使用场景，并提供示例代码。
from 操作符
使用场景
from 操作符用于将各种可迭代对象（包括数组、类数组对象、Generators 和字符串等）转换为 Observable 对象。它用于将一个静态的数据集合转换为一个响应式的数据流。常用于将已有的数据进行加工处理后，再发送到后续的操作。
示例代码
from([1, 2, 3, 4]).subscribe(val => console.log(val));
上述代码将输出 1、2、3、4 四个数字。
of 操作符
使用场景
of 操作符用于将任意数量的参数转换为 Observable 对象。它用于以固定的顺序和时间间隔发射某些值，一般用于模拟实时的事件流。
示例代码
of(1, 2, 3, 4).subscribe(val => console.log(val));
上述代码将输出 1、2、3、4 四个数字。
fromEvent 操作符
使用场景
fromEvent 操作符用于将 DOM 事件转换为 Observable 对象。它用于从浏览器中的事件（如 click、keyup 等）中创建一个 Observable 对象。
示例代码
const button = document.querySelector('button');
fromEvent(button, 'click').subscribe(() => console.log('clicked!'));上述代码将监听页面中的按钮点击事件，并在每次点击时打印出 "clicked!"。
总结
RxJS 中的 from、of 和 fromEvent 操作符分别用于将静态数据集合、任意数量的值和 DOM 事件转换为 Observable 对象。这三种操作符可以帮助我们更方便地处理不同类型的数据流，从而更加高效地完成前端开发任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651b884295b1f8cacd32ed95