reflect-metadata

例子：

import 'reflect-metadata';function validate(target: Object,key: string,descriptor: PropertyDescriptor ) {const originalFn = descriptor.value;// 獲取參數(shù)的編譯期類型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 {@validatesayRepeat(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，提取出來的方法參數(shù)分別為 String 和 Number：

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

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

就算有開發(fā)人員在調(diào)用 sayRepeat 方法時，用 as any 的方式繞過了編譯器的靜態(tài)語法檢查，在運行時，我們的 @validate 裝飾器實現(xiàn)，也會將這種違規(guī)的行為檢測出來。

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的TypeScript reflect-metadata 结合方法装饰器实现的一个自定义语法检查的例子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。