在 RxJS 中，tap 操作符可以让我们在数据流中观察一个值，并且不修改它。这个操作符不会改变数据流中的值，而是“借助”于 onNext、onError 或者 onComplete 方法来执行一些副作用操作。
tap 操作符的语法
tap 操作符的语法如下：
tap( onNext?: (value: T) => void, onError?: (error: any) => void, onComplete?: () => void ): Observable
其中，onNext、 onError 和 onComplete 参数都是可选的回调函数，它们分别表示：
onNext：每次数据流中有所发射的值时将会调用此回调函数。onError：如果数据流中发生错误，将会调用此回调函数。onComplete：数据流正常结束时将会调用此回调函数。
tap 操作符的使用场景
tap 操作符的主要用途在于观察数据流，例如我们可以在规定时间内输出一组异步加载的图片的时间。
-- -------------------- ---- ------- ------ - ---- --- - ---- ----------------- ------ - -- - ---- ------- ----- ---- - ----- -- -- -- --- ---------- ----- -- ------------------- --- --- -------- ----- -- - - --- ----- -- ------------------- --- --- -------- ----- -- - - --- ----- -- -------------------- ------- --------------
在这个示例中，我们通过对每个操作符前添加 tap 操作符，来观察每一个步骤的处理过程。
tap 操作符的注意事项
需要注意的是，tap 操作符不能够改变原始的数据流，也就是说，我们只能在观察数据流的过程中执行一些副作用的操作，而不能改变原始数据流中的值。
同时，在 tap 操作符中执行的代码块，如果出现异常，只有 onError 方法才会被调用。onComplete 方法并不会被执行。
总结
在 RxJS 中，tap 操作符是一个非常实用的工具，它可以让我们在不干扰数据流的情况下，观察数据流中每一个发射值的处理过程。同时需要注意，tap 操作符不能够改变数据流中的值，只能执行一些副作用的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6450f1b5980a9b385b9ce61c