這篇文章給大家分享的是有關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怎么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享名稱:TypeScript中ReflectMetadata怎么用-創新互聯
標題路徑:http://www.yijiale78.com/article10/djgodo.html
成都網站建設公司_創新互聯,為您提供定制網站、網站營銷、網站設計公司、網站導航、自適應網站、網站改版
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯