TypeScript中Reflect Metadata怎么用

這篇文章給大家分享的是有關TypeScript中Reflect Metadata怎么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

在定義類或者類方法的時候，可以設置一些元數據，我們可以獲取到在類與類方法上添加的元數據，用的方法就是 Reflect Metadata。元數據指的是描述東西時用的數據。

在 TypeScript 里使用 Reflect Metadata 需要做下面這樣的配置：

{
 "compilerOptions": {
  "experimentalDecorators": true ,
  "emitDecoratorMetadata": true
 },
}

然后在項目里安裝 reflect-metadata 這個包：

npm install reflect-metadata --save

然后做個實驗：

import 'reflect-metadata';

@Reflect.metadata('role', 'admin')
class Post {}

const metadata = Reflect.getMetadata('role', Post);

console.log(metadata); // admin

先導入 reflect-metadata 這個包，然后在定義的 Post 類的上面用 Reflect.metadata 裝飾器添加了一條元數據，role 是這條元數據的名字，admin 是我們給這條數據設置的對應的值。

稍后如果想獲取到在類上添加的這些元數據，可以使用 Reflect.getMetadata 方法，role 是元數據的名字，Post 是對應的類的名字。執行上面代碼，會返回 admin 這個字符串。

自定義裝飾器

在上面的例子里我們用了 Reflect.metadata 設置的元數據。我們也可以自定義一個裝飾器去完成同樣的事情。像下面這樣：

import 'reflect-metadata';

function Role(name: string): ClassDecorator {
 return target => {
  Reflect.defineMetadata('role', name, target);
 };
}

@Role('admin')
class Post {}

const metadata = Reflect.getMetadata('role', Post);

console.log(metadata);

Role 是自定義的一個裝飾器，接收一個 name 參數，這是一個裝飾器工廠，返回的是 ClassDecorator。返回的東西應該是個適合在類上使用的裝飾器，所以接收一個 target 參數，這個東西就是類的構造方法。在方法里用 Reflect.defineMetadata 方法設置了一個自定義的元數據叫 role，對應的值是 name，也就是使用這個裝飾器的時候提供的參數值，第三個參數是 target，就是要添加元數據的那個類。

有了這個自定義的裝飾器，使用它的時候可以像這樣： @Role('admin')，功能就是在它裝飾的類的上面添加了一條叫 role 的元數據，設置的對應的值是 admin。

感謝各位的閱讀！關于“TypeScript中Reflect Metadata怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！