TypeScript 中括號(hào)用法小結(jié)
本文只是簡(jiǎn)單從語法層面描述 [] 的用法。
索引簽名
作用:告訴TS實(shí)際屬性比計(jì)劃的更多一些。
注意:鍵的類型必須可以賦值給 number 或 string 。
let a: { ? ? b: number; ? ? c?: string; ? ? // 注意當(dāng)key是string的時(shí)候,那么確定屬性和可選屬性的類型必須是它的屬性的子集。 ? ? // eg:[key: string]: string | number; ? ? [key: number]: boolean; } a = { ? ? b: 1; ? ? c: 'hey'; ? ? 20: false; }
獲取接口類型的聯(lián)合類型
interface Person{ name: string; age: number; } // keyof Person => "name" | "age" type student = Person[keyof Person]; let stu1: student = 'tom';
遍歷接口
interface Person{ ? ? name: string; ? ? age: number; } // in keyof Person => 遍歷 name,string // per2 = { // ? ?name: string; // ? ?age: number; //} type per2 = { ? [P in keyof Person]: Person[P]; }; let a: per2 = { ? name: "tom", ? age: 12 };
數(shù)組
type per2 = { [P in keyof Person]: Person[P]; }[]; // per2 => Person[]; let c: per2 = [ { name: "tom", age: 12, }, ];
鍵入類型
鍵入類型可以理解為選擇類型。
type per2 = { [P in keyof Person]: Person[P]; }[keyof Person]; // per2 => "string" | "name" let c: per2 = "tom";
到此這篇關(guān)于TypeScript 中括號(hào)用法小結(jié)的文章就介紹到這了,更多相關(guān)TypeScript 括號(hào)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
基于JS實(shí)現(xiàn)網(wǎng)頁中的選項(xiàng)卡(兩種方法)
這篇文章主要介紹了用js語句實(shí)現(xiàn)網(wǎng)頁中的選項(xiàng)卡(兩種方法),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06深入理解javascript動(dòng)態(tài)插入技術(shù)
這篇文章介紹了javascript動(dòng)態(tài)插入技術(shù),有需要的朋友可以參考一下2013-11-11淺談JavaScript變量的自動(dòng)轉(zhuǎn)換和語句
下面小編就為大家?guī)硪黄獪\談JavaScript變量的自動(dòng)轉(zhuǎn)換和語句。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06layui form表單提交之后重新加載數(shù)據(jù)表格的方法
今天小編就為大家分享一篇layui form表單提交之后重新加載數(shù)據(jù)表格的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript判斷是否為數(shù)組的3種方法及效率比較
這篇文章主要介紹了JavaScript判斷是否為數(shù)組的3種方法及效率比較,本文直接給出運(yùn)行效果和實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04代碼短小的js div層拖動(dòng)實(shí)現(xiàn)代碼[兼容IE與Firefox]
代碼短小的js div層拖動(dòng)實(shí)現(xiàn)代碼[兼容IE與Firefox],需要的朋友可以參考下.2010-05-05JavaScript中函數(shù)聲明優(yōu)先于變量聲明的實(shí)例分析
同一個(gè)標(biāo)示符,先后用var和function聲明它。最后它是什么呢2012-03-03基于HTML5上使用iScroll實(shí)現(xiàn)下拉刷新,上拉加載更多
本文主要介紹在HTML5中使用iScroll實(shí)現(xiàn)下拉刷新,上拉加載更多數(shù)據(jù)的方法,主要就是寫了兩個(gè)自定義函數(shù)pullDownAction和pullUpAction,分別在下拉和上拉的事件中調(diào)用他們。2016-05-05JavaScript實(shí)現(xiàn)樹結(jié)構(gòu)轉(zhuǎn)換的五種方法總結(jié)
在?JavaScript?編程中,將數(shù)組轉(zhuǎn)換為樹結(jié)構(gòu)是一個(gè)常見的需求。本篇博客將介紹五種常用的方法來實(shí)現(xiàn)數(shù)組轉(zhuǎn)樹結(jié)構(gòu),希望對(duì)大家有所幫助2023-03-03