装饰器应用

前言

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

把函数结果转换成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;
}

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

@ResultToObservable
getObservable(){
  return anyFn()
}

如果觉得文章对你有点用的话，麻烦拿出手机，这里有一个你我都有的小福利（每天一次）： 打开支付宝首页搜索“8601304”，即可领红包。谢谢支持