RxJS 是一个功能强大的响应式编程库，它可以让开发者更轻松地构建复杂的异步应用程序。RxJS 6 引入了 Pipeable 操作符，它可以让代码更加模块化、可读性更好，并且更易于维护。
在 RxJS 5 中，操作符是通过实例方法和静态方法进行访问的。例如，要使用 map 操作符，可以这样做：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
const source = Observable.of(1, 2, 3);
const example = source.map(val => val * 2);
example.subscribe(val => console.log(val));注意，我们需要使用 add/operator/ 将操作符添加到 Observable 类中，然后才能使用它。
然而，RxJS 6 提供了一个更好的方法 - 使用 Pipeable 操作符。这些操作符不需要修改 Observable 类，而是将它们看作独立的函数，然后使用管道 (pipe) 将它们连接起来。
这是一个使用 Pipeable 操作符的例子：
-- -------------------- ---- ------- ------ - -- - ---- ------- ------ - ---- ------ - ---- ----------------- ----- ------ - ----- -- --- ----- ------- - ------------ ---------- -- --- - --- ------- -- --- - -- -- --------------------- -- ------------------
我们使用 import 语句导入所有 Pipeable 操作符，然后使用管道将它们连接起来。这个代码更加易读，也更加模块化。我们甚至可以将操作符定义为独立的函数：
-- -------------------- ---- ------- ------ - -- - ---- ------- ------ - ---- ------ - ---- ----------------- ----- ------ - --- -- --- - -- ----- -------------- - --- -- --- - -- ----- ------ - ----- -- --- ----- ------- - ------------ ----------------------- ----------- -- --------------------- -- ------------------
这里我们定义了两个独立的函数 double 和 greaterThanOne，然后将它们传递给了 Pipeable 操作符。这使得代码更加模块化，更易于维护。
需要注意的是，Pipeable 操作符只是创建新的 Observable，而不是修改现有的 Observable。这样可以确保 Immutable 的数据流，类似于 Redux 中的 state。这使得代码更加安全，更容易进行调试和测试。
总结来说，Pipeable 操作符是 RxJS 6 中的一个重要更新，它可以让我们更加轻松地构建复杂的异步应用程序。使用 Pipeable 操作符可以使代码更加模块化、可读性更好，并且更易于维护。如果你正在学习 RxJS 或者正在构建一个复杂的应用程序，那么强烈建议使用 Pipeable 操作符。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6492410848841e9894011e48