ITPub博客

首页 > IT职业 > IT生活 > 装饰器应用

装饰器应用

IT生活 作者:ma_ti 时间:2021-09-09 10:08:51 0 删除 编辑

前言

在公司采用我的angular后台方案后,除业务代码外,我就一直在维护及扩展一个增删改查的可配置组件,很多方法都需要相当的灵活性,如灵活的格式化管道,灵活的排序方法,灵活的验证器。这里面就涉及了很多的方法公用,特别有时逻辑是一样的,但需要的返回类型不一样(PromiseObservabvle)。然后就发现此时装饰器有大用处了。

把函数结果转换成Observable类型

  • target  是构造函数,注意不是实例

  • key 是方法名

  • descriptor 解析器,value对象就是要装饰的函数

import { of, Observable, isObservable } from 'rxjs';function ResultToObservable(target: any, key: string, descriptor: any) {  const originalMethod = descriptor.value;  const newMethod = function(...args: any[]): any {    const result: any = originalMethod.apply(this, args);    if (isObservable(result)) {      return result;
    } else if (result instanceof Promise) {      return new Observable<any>(ob => {
        result
          .then(_ => {
            ob.next(_);
            ob.complete();
          })
          .catch(e => ob.error(e));
      });
    } else {      return of(result);
    }
  };
  descriptor.value = newMethod;
}

这样就可以简单的共用函数了

@ResultToObservablegetObservable(){  return anyFn()
}




作者:Gary嘉骏
链接:https://www.jianshu.com/p/1d49f1dfe355


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/93/viewspace-2817428/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: css盒子学习记录
请登录后发表评论 登录
全部评论

注册时间:2026-01-07

  • 博文量
    0
  • 访问量
    5433