RxJS 是一个基于 Reactive Programming 的 JavaScript 库，它提供了方便的 API 来处理异步数据流。在 RxJS 中，我们可以使用 of 操作符来构造一个 Observable 对象。
of 操作符的基本用法
of 操作符可以接收一个或多个值，并将这些值转换成一个 Observable 对象。例如，我们可以使用 of 操作符来创建一个发射数字 1、2、3 的 Observable 对象：
-- -------------------- ---- ------- ------ - -- - ---- ------- ----- ------- - ----- -- --- ----------------------- -- -------------------- -- --- -- - -- - -- -
在上面的代码中，我们首先从 RxJS 中导入了 of 操作符，然后使用 of 操作符来创建了一个发射数字 1、2、3 的 Observable 对象。最后，我们通过订阅这个 Observable 对象来输出其中的值。
of 操作符的高级用法
除了基本用法外，of 操作符还有一些高级用法，可以帮助我们更方便地构造 Observable 对象。
使用数组作为参数
除了单个的值外，of 操作符还可以接收一个数组作为参数。当我们传入一个数组时，of 操作符会将数组中的每一个元素作为一个值发射出去：
import { of } from 'rxjs';
const source$ = of([1, 2, 3]);
source$.subscribe(value => console.log(value));
// 输出：
// [1, 2, 3]在上面的代码中，我们传入了一个数组 [1, 2, 3]，of 操作符将这个数组作为一个整体发射出去，而不是将数组中的每一个元素分别发射出去。
如果我们想要将数组中的每一个元素分别发射出去，可以使用展开运算符将数组中的元素展开：
-- -------------------- ---- ------- ------ - -- - ---- ------- ----- ------- - --------- -- ---- ----------------------- -- -------------------- -- --- -- - -- - -- -
在上面的代码中，我们使用展开运算符将数组 [1, 2, 3] 中的元素展开，然后将展开后的元素作为参数传给 of 操作符。这样，of 操作符就会将每一个元素分别发射出去。
使用对象作为参数
除了数组外，of 操作符还可以接收一个对象作为参数。当我们传入一个对象时，of 操作符会将对象中的每一个属性值作为一个值发射出去：
import { of } from 'rxjs';
const source$ = of({ foo: 1, bar: 2 });
source$.subscribe(value => console.log(value));
// 输出：
// { foo: 1, bar: 2 }在上面的代码中，我们传入了一个对象 { foo: 1, bar: 2 }，of 操作符将这个对象作为一个整体发射出去，而不是将对象中的每一个属性值分别发射出去。
如果我们想要将对象中的每一个属性值分别发射出去，可以使用 Object.values 方法将对象中的属性值转换成一个数组，然后使用展开运算符将数组中的元素展开：
import { of } from 'rxjs';
const source$ = of(...Object.values({ foo: 1, bar: 2 }));
source$.subscribe(value => console.log(value));
// 输出：
// 1
// 2在上面的代码中，我们首先使用 Object.values 方法将对象 { foo: 1, bar: 2 } 中的属性值转换成一个数组 [1, 2]，然后使用展开运算符将数组中的元素展开，最后将展开后的元素作为参数传给 of 操作符。这样，of 操作符就会将每一个属性值分别发射出去。
总结
使用 of 操作符可以方便地构造一个 Observable 对象，它可以接收一个或多个值，并将这些值转换成一个 Observable 对象。除了基本用法外，of 操作符还有一些高级用法，可以帮助我们更方便地构造 Observable 对象。在使用 of 操作符时，我们需要注意传入的参数类型，以及如何处理数组和对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d94d491886fbafa46e0f94