RxJS Observables of vs from

RxJS是一个用于异步编程的库，它提供了Observables、Operators和Subjects等一系列强大的工具。在RxJS中，of和from操作符都可以用来创建Observables，但它们之间有着一些重要的区别。

of操作符

of操作符可以将多个数据项转换为Observable对象。使用of操作符时，我们可以传递任意数量的参数，它们将依次成为Observable发出的值。

import { of } from 'rxjs';

const source = of('a', 'b', 'c');
source.subscribe(value => console.log(value));
// 输出：a, b, c

当我们需要创建一个发出静态值的Observable时，of操作符是一个很好的选择。它可以将任何类型的数据（包括对象和数组）转换为Observable对象。

from操作符

from操作符可以将数组、类数组对象、Promise、迭代器以及类似Observable的对象转换为Observable。与of操作符不同，from操作符只接受一个参数。

import { from } from 'rxjs';

const array = ['a', 'b', 'c'];
const source = from(array);
source.subscribe(value => console.log(value));
// 输出：a, b, c

from操作符还可以将Promise转换为Observable。这对于从服务器获取数据非常有用。

import { from } from 'rxjs';

const promise = fetch('https://jsonplaceholder.typicode.com/todos/1');
const source = from(promise.then(response => response.json()));
source.subscribe(value => console.log(value));
// 输出：{userId: 1, id: 1, title: "delectus aut autem", completed: false}

总结

of和from操作符都可以用来创建Observable。当我们需要发出多个静态值时，使用of操作符比较方便。而当我们需要将数组、Promise或类似Observable的对象转换为Observable时，使用from操作符更加合适。

在实际应用中，我们通常会使用各种Operators对Observable进行转换和处理。通过深入了解RxJS的操作符，我们可以写出更加简洁、高效且易于维护的代码。

参考资料

• RxJS Of and From Operators
• RxJS of() Operator: Complete Guide

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26298