关于typescript:TypeScript-reflectmetadata-结合方法装饰器实现的一个自定义语法检查的例子

35次阅读

共计 935 个字符，预计需要花费 3 分钟才能阅读完成。

reflect-metadata

例子：

import 'reflect-metadata';

function validate(
  target: Object,
  key: string,
  descriptor: PropertyDescriptor
) {
  const originalFn = descriptor.value;

  // 获取参数的编译期类型
  const designParamTypes = Reflect
    .getMetadata('design:paramtypes', target, key);

  descriptor.value = function (...args: any[]) {args.forEach((arg, index) => {const paramType = designParamTypes[index];

      const result = arg.constructor === paramType
        || arg instanceof paramType;

      if (!result) {
        throw new Error(`Failed for validating parameter: ${arg} of the index: ${index}`
        );
      }
    });

    return originalFn.call(this, ...args);
  }
}

class C {
  @validate
  sayRepeat(word: string, x: number) {return Array(x).fill(word).join('');
  }
}

const c = new C();
c.sayRepeat('hello', 2); // pass
c.sayRepeat('','lol' as any); // throw an error

办法装璜器里蕴含的形容器形态如下：

通过反射 API，提取进去的办法参数别离为 String 和 Number：

Reflect.getMetadata 的输出和输入的文档如下：

可见，咱们的自定义 validate 函数，肯定水平上模仿了 TypeScript 编译器的工作。

就算有开发人员在调用 sayRepeat 办法时，用 as any 的形式绕过了编译器的动态语法查看，在运行时，咱们的 @validate 装璜器实现，也会将这种违规的行为检测进去。

更多 Jerry 的原创文章，尽在：” 汪子熙 ”:

正文完