`of`操作符与`Observable.of`的区别及Observable创建推荐方式

嘿，这个问题问得很关键，尤其是在RxJS版本迭代之后，很多开发者都会搞混这两种写法。我来给你理清楚：

两者的核心区别 #

• 版本归属与导入逻辑不同
  • Observable.of是RxJS 5及更早版本的写法，它是挂载在Observable类上的静态方法，必须先导入整个Observable类才能调用。
  • of是RxJS 6+推出的独立创建类操作符，直接从rxjs包中导出，不需要依赖Observable类本身。
• 打包优化能力不同
  • 使用Observable.of时，你导入了整个Observable类，打包工具很难精准地做树摇优化，容易把一些未使用的冗余代码也打包进最终产物。
  • 独立的of操作符是按需导入的，打包工具可以轻松剔除无用代码，有效减小项目的打包体积，这也是RxJS 6+主推这种写法的核心原因之一。

推荐的Observable创建方式 #

毫无疑问，第二种写法（导入独立的of操作符）是RxJS 6及以后版本的标准推荐方案：

import { of as observableOf } from 'rxjs'; 
const obs$ = observableOf(3);

如果不需要避免命名冲突，直接写更简洁：

import { of } from 'rxjs'; 
const obs$ = of(3);

除了打包优化的优势，还有这些理由支持它：

• 符合RxJS 6+的新API设计规范：所有创建类操作符（如of、from、interval）都改为独立导出，和管道操作符（如map、filter）的导入路径明确区分，代码结构更清晰。
• 长期兼容性更好：RxJS后续版本会更侧重维护独立操作符，挂载在Observable类上的静态方法虽然目前还兼容，但存在被逐步废弃的风险。

内容的提问来源于stack exchange，提问作者Rachid O