TypeScript 中括號用法小結(jié)
更新時間：2023年05月15日 15:48:58 作者：seconp
本文主要介紹了TypeScript 中括號用法小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文只是簡單從語法層面描述 [] 的用法。
索引簽名
作用：告訴TS實際屬性比計劃的更多一些。
注意：鍵的類型必須可以賦值給 number 或 string 。
let a: {
? ? b: number;
? ? c?: string;
? ? // 注意當(dāng)key是string的時候，那么確定屬性和可選屬性的類型必須是它的屬性的子集。
? ? // 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 中括號用法小結(jié)的文章就介紹到這了,更多相關(guān)TypeScript 括號內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Swiper自定義分頁器的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
Express實現(xiàn)前端后端通信上傳圖片之存儲數(shù)據(jù)庫（mysql）傻瓜式教程（一）
這篇文章主要介紹了Express實現(xiàn)前端后端通信上傳圖片存儲數(shù)據(jù)庫（mysql）傻瓜式教程（一）,需要的朋友可以參考下2015-12-12
小程序websocket心跳庫(websocket-heartbeat-miniprogram)
這篇文章主要介紹了小程序websocket心跳庫(websocket-heartbeat-miniprogram)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
詳解JavaScript如何準(zhǔn)確獲取任意變量的數(shù)據(jù)類型
js是弱類型語言，或者說是動態(tài)語言，在定義變量時我們可以不提前聲明變量的類型，也可以在變量聲明后賦予不同類型的值。所以本文為大家詳解一下JavaScript如何準(zhǔn)確獲取任意變量的數(shù)據(jù)類型，需要的可以參考一下2022-06-06
這篇文章主要介紹了微信小程序冒泡事件及其阻止方法,結(jié)合實例形式分析了事件分類、冒泡及相應(yīng)阻止操作方法,需要的朋友可以參考下2018-12-12
基于JS代碼實現(xiàn)圖片在頁面中旋轉(zhuǎn)效果
這篇文章主要介紹了基于JS代碼實現(xiàn)圖片在頁面中旋轉(zhuǎn)效果 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)隨機點名器的精簡版，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
jacascript DOM節(jié)點——元素節(jié)點、屬性節(jié)點、文本節(jié)點
這篇文章主要介紹了jacascript DOM節(jié)點——元素節(jié)點、屬性節(jié)點、文本節(jié)點,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js實現(xiàn)延時加載Flash的方法,較為詳細(xì)的分析了通過元素替換實現(xiàn)JavaScript延時加載flash的相關(guān)原理與實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了百度搜索框智能提示案例jsonp的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-11-11