[RxJS] Add debug method to Observable in TypeScript

最新推荐文章于 2025-12-05 08:37:05 发布

转载最新推荐文章于 2025-12-05 08:37:05 发布 · 145 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个自定义的 RxJS Observable 方法 debug，该方法通过 console 对象的不同方法记录 observable 的 next、error 和 complete 事件，方便开发者在非生产环境下调试 observable 的行为。

Observable.prototype.debug = function(message: any) {
   return this.do(
     (next) => {
       if(!environment.production) {
         console.log(message, next);
       }
     },
     (err) => {
       if(!environment.production) {
         console.error(message, err)
       }
     },
     () => {
       if(!environment.production) {
         console.info("Observable completed", message)
       }
     }
   );
};

declare module 'rxjs/observable' {
  interface Observable<T> {
    debug: (...any) => Observable<T>
  }
}