[reflect-metadata](https://saul-mirone.github.io/zh-hans/a-complete-guide-to-typescript-decorator/)

例子：

```typescript
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
```

方法裝飾器裡包含的描述器形狀如下：

![](https://img-blog.csdnimg.cn/img_convert/aa821730612d3740bedf66ebcd529606.png)

透過反射 API，提取出來的方法引數分別為 String 和 Number：

![](https://img-blog.csdnimg.cn/img_convert/97a1544337d9612b4a5e74e1af814578.png)

Reflect.getMetadata 的輸入和輸出的文件如下：

![](https://img-blog.csdnimg.cn/img_convert/0280f5475accc944e5ca6b4a54cb3e9a.png)

可見，我們的自定義 validate 函式，一定程度上模擬了 TypeScript 編譯器的工作。

![](https://img-blog.csdnimg.cn/img_convert/7c71c3a1cd6683adfb59d97198761d42.png)

就算有開發人員在呼叫 sayRepeat 方法時，用 as any 的方式繞過了編譯器的靜態語法檢查，在執行時，我們的 @validate 裝飾器實現，也會將這種違規的行為檢測出來。

![](https://img-blog.csdnimg.cn/img_convert/f33c2a7c4d67d5436c90127b264f815b.png)

TypeScript reflect-metadata 結合方法裝飾器實現的一個自定義語法檢查的例子

相關文章