装饰器应用

前言

在公司采用我的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;
}

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

@ResultToObservablegetObservable(){  return anyFn()
}

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