[RxJS] Add debug method to Observable in TypeScript

最新推荐文章于 2025-08-10 19:50:19 发布

转载最新推荐文章于 2025-08-10 19:50:19 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/6349762.html

文章标签：

#javascript #ViewUI

本文介绍了一个自定义的 RxJS Observable 方法 `debug` 的实现细节。该方法用于在开发环境中输出 Observable 的值、错误及完成信息，有助于调试。文章提供了完整的函数定义，并指出了其在非生产环境下运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>
  }
}