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 操作符会将数组中的每一个元素作为一个值发射出去：
------ - -- - ---- ------- ----- ------- - ------ -- ---- ----------------------- -- -------------------- -- --- -- --- -- --
在上面的代码中，我们传入了一个数组 [1, 2, 3]，of 操作符将这个数组作为一个整体发射出去，而不是将数组中的每一个元素分别发射出去。
如果我们想要将数组中的每一个元素分别发射出去，可以使用展开运算符将数组中的元素展开：
------ - -- - ---- ------- ----- ------- - --------- -- ---- ----------------------- -- -------------------- -- --- -- - -- - -- -
在上面的代码中，我们使用展开运算符将数组 [1, 2, 3] 中的元素展开，然后将展开后的元素作为参数传给 of 操作符。这样，of 操作符就会将每一个元素分别发射出去。
使用对象作为参数
除了数组外，of 操作符还可以接收一个对象作为参数。当我们传入一个对象时，of 操作符会将对象中的每一个属性值作为一个值发射出去：
------ - -- - ---- ------- ----- ------- - ---- ---- -- ---- - --- ----------------------- -- -------------------- -- --- -- - ---- -- ---- - -
在上面的代码中，我们传入了一个对象 { foo: 1, bar: 2 }，of 操作符将这个对象作为一个整体发射出去，而不是将对象中的每一个属性值分别发射出去。
如果我们想要将对象中的每一个属性值分别发射出去，可以使用 Object.values 方法将对象中的属性值转换成一个数组，然后使用展开运算符将数组中的元素展开：
------ - -- - ---- ------- ----- ------- - --------------------- ---- -- ---- - ---- ----------------------- -- -------------------- -- --- -- - -- -
在上面的代码中，我们首先使用 Object.values 方法将对象 { foo: 1, bar: 2 } 中的属性值转换成一个数组 [1, 2]，然后使用展开运算符将数组中的元素展开，最后将展开后的元素作为参数传给 of 操作符。这样，of 操作符就会将每一个属性值分别发射出去。
总结
使用 of 操作符可以方便地构造一个 Observable 对象，它可以接收一个或多个值，并将这些值转换成一个 Observable 对象。除了基本用法外，of 操作符还有一些高级用法，可以帮助我们更方便地构造 Observable 对象。在使用 of 操作符时，我们需要注意传入的参数类型，以及如何处理数组和对象。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d94d491886fbafa46e0f94