RxJS 是针对异步编程的库，其思想源自于 ReactiveX。作为 RxJS 中常用的操作符之一，from 操作符的使用方法较为重要。本文将详细介绍 RxJS 中的 from 操作符的使用方法，并给出示例代码，帮助读者更好地理解和掌握。
什么是 from 操作符？
在 RxJS 中，from 操作符可以将一些数据转化为可观察物，这些数据可以是各种类型：数组、可迭代对象、Promise 等。from 操作符的基本语法如下：
from(input: ObservableInput, scheduler?: SchedulerLike): Observable
其中参数 input 表示需要转化的数据，scheduler 表示可选参数，表示可观察对象的调度器。from 操作符用于将数组、可迭代对象、Promise 对象等转化为 Observable：
from([1, 2, 3]); // 将数组转化为 Observable
const set = new Set([1, 2, 3]);
from(set); // 将 Set 对象转化为 Observable
from('hello'); // 将字符串对象转化为 Observable
from(Promise.resolve(4)); // 将 Promise 对象转化为 Observable使用方法详解
典型的使用案例如下：
import { from } from 'rxjs';
const array = [1, 2, 3];
const observable = from(array);
observable.subscribe(value => console.log(value)); // 1, 2, 3在上面的例子中，from 操作符将一个数组转化为了可观察对象 observable。subscribe 方法订阅 observable，并输出 observable 中包含的值。结果会输出数组中的所有元素。
还可以通过传递一个 Set 实例作为输入对象，将其转化为一个可观察对象：
import { from } from 'rxjs';
const set = new Set([1, 2, 3]);
const observable = from(set);
observable.subscribe(value => console.log(value)); // 1, 2, 3在上面的例子中，from 操作符将一个 Set 对象转化为了可观察对象 observable。subscribe 方法订阅 observable，并输出 observable 中包含的值。结果会输出 Set 中的所有元素。
还可以使用 Promise 对象作为输入对象：
import { from } from 'rxjs';
const promise = Promise.resolve(4);
const observable = from(promise);
observable.subscribe(value => console.log(value)); // 4在上面的例子中，from 操作符将一个 Promise 对象转化为了可观察对象 observable。subscribe 方法订阅 observable，并输出 observable 中包含的值。结果会输出 Promise 解析后的值。
注意事项
在使用 from 操作符时，需要注意以下几点：
from 操作符接收的输入对象必须是一个集合，才能被转化成可观察对象。
from 操作符接收到集合时，from 操作符会逐一将其元素转化为可观察对象。
如果传入一个 Promise 对象，则 from 操作符会返回一个观察者对象，该对象会在 Promise 对象被解析时发出数据。
结论
from 操作符能够将数据转化为可观察物，这些数据可以是各种类型：数组、可迭代对象、Promise 等。通过本文对 RxJS 中的 from 操作符使用方法的详细讲解和示例代码的演示，读者应该能够掌握该操作符的使用方法和注意事项，从而更好地应用 RxJS 构建前端异步应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67137d9ead1e889fe20d524c