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的原創文章，盡在："汪子熙":