前言
在公司采用我的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”，即可领红包。谢谢支持
