TypeScript keyof 用法
keyof是索引型別查詢操作符。
假設T是一個型別,那麼keyof T產生的型別是T的屬性名稱字串字面量型別構成的聯合型別。
特別說明:T是資料型別,並非資料本身。
程式碼例項如下:
[typescript] 純文字檢視 複製程式碼interface Itest{ webName:string; age:number; address:string } type ant=keyof Itest;
程式碼在編輯器截圖如下:
如果T是一個帶有字串索引簽名的型別,那麼keyof T是string型別,並且T[string]為索引簽名的型別。
程式碼例項如下:
[typescript] 純文字檢視 複製程式碼interface Map<T> { [key: string]: T; } let keys: keyof Map<number>;//string let value: Map<number>['antzone'];//number
在編輯器截圖如下:
特別說明:T[U]是索引訪問操作符;U是一個屬性名稱。
關於索引型別查詢操作符和索引訪問操作符可以參閱TypeScript 索引型別一章節。
相關文章
- TypeScript 之 Keyof Type OperatorTypeScript
- typescript:never與keyof的妙用TypeScript
- TavaScript中的keyof
- 060、Vue3+TypeScript基礎,插槽的基礎用法VueTypeScript
- typescriptTypeScript
- 051、Vue3+TypeScript基礎,頁面通訊之v-model的基本用法VueTypeScript
- 058、Vue3+TypeScript基礎,頁面通訊之父頁面使用$parent的用法VueTypeScript
- TypeScript 簡明教程:認識 TypeScriptTypeScript
- TypeScript 簡明教程:安裝 TypeScriptTypeScript
- 「極速上手TypeScript」TypeScript之PromiseTypeScriptPromise
- 「極速上手TypeScript」TypeScript進階“物件”TypeScript物件
- TypeScript In ICETypeScript
- TypeScript @typesTypeScript
- Vue with TypeScriptVueTypeScript
- TypeScript declareTypeScript
- Typescript basicTypeScript
- Why TypeScript?TypeScript
- Vuex and TypescriptVueTypeScript
- 理解TypeScriptTypeScript
- TypeScript IteratorsTypeScript
- TypeScript 介面TypeScript
- CSS in TypescriptCSSTypeScript
- 初探 TypeScriptTypeScript
- TypeScript GeneratorsTypeScript
- TypeScript SymbolsTypeScriptSymbol
- 系統學習 TypeScript(一)——認識 TypeScriptTypeScript
- 「極速上手TypeScript」TypeScript基礎語法TypeScript
- [Typescript] Handling a Truly Empty Object in TypeScriptTypeScriptObject
- typescript + react 專案開發體驗之typescriptTypeScriptReact
- TS中特殊型別-any、unknown、never和extends繼承約束、keyof的使用型別繼承
- Learning TypeScriptTypeScript
- TypeScript (基礎)TypeScript
- TypeScript this型別TypeScript型別
- vue-typescriptVueTypeScript
- TypeScript Modules(2)TypeScript
- TypeScript迭代器TypeScript
- TypeScript基礎TypeScript
- TypeScript--介面TypeScript