TypeScript 工具類型

這些工具類型是 TypeScript 提供的強大功能,用于操作和轉換類型。下面是每個工具類型的簡要說明和示例:

1、Record

let value: Record<string, any> = { name: "", age: 0, desc: [] };
let value2: { [key: string]: any } = { name: "", age: 0, desc: [] };

2、Partial<T>: 將類型 T 的所有屬性設置為可選。

interface Person {name: string;age: number;}type PartialPerson = Partial<Person>; // { name?: string; age?: number; }let value: PartialPerson = {};let value2: PartialPerson = { name: "" };let value3: PartialPerson = { age: 0 };

3、?Required<T>: 將類型 T 的所有屬性設置為必選。


interface PartialPerson {name?: string;age?: number;
}type RequiredPerson = Required<PartialPerson>; // { name: string; age: number; }let value: RequiredPerson = { name: "", age: 0 };

4、?Exclude<T, U>: 從類型 T 中排除?U 的類型。

type T = string | number | boolean;type U = string | number;type Excluded = Exclude<T, U>; // 結果為 booleanlet value: Excluded = false;

5、Omit<T, K>: 從類型 T 中移除屬性 K。

interface Person {name: string;age: number;address: string;}type WithoutAddress = Omit<Person, 'address'>; // 結果為 { name: string; age: number; }let value: WithoutAddress = { name: "", age: 0 };

6、Readonly<T>: 將類型 T 的所有屬性設置為只讀。

interface Person {readonly name: string;readonly age: number;}type ReadonlyPerson = Readonly<Person>;let value: ReadonlyPerson = { name: '', age: 0 };

7、?Pick<T, K>: 從類型 T 中選取指定屬性 K 構造新類型。

interface Person {name: string;age: number;address: string;
}type NameAndAge = Pick<Person, 'name' | 'age'>; // { name: string; age: number; }let value: NameAndAge = { name: '', age: 0 };

8、NonNullable<T>: 從類型 T 中排除 null 和 undefined。

type NullableString = string | null | undefined;
type NonNullableString = NonNullable<NullableString>; // 結果為 stringlet value: NonNullableString = '';

9、ReturnType<T>: 獲取函數類型 T 的返回值類型。

type Func = () => string;
type Result = ReturnType<Func>; // 結果為 stringlet value: Result = '';

?10、Parameters<T>: 獲取函數類型 T 的參數類型組成的元組。

type Func = (x: number, y: string) => boolean;
type Args = Parameters<Func>; // 結果為 [number, string]let value: Args = [0, ''];

?11、Overwrite<T, U>: 使用 U 中的屬性覆蓋 T 中的對應屬性。

type T = { a: number; b: string };
type U = { b: boolean; c: string };
type Overwrite<T, U> = Omit<T, keyof U> & U;
type OverwriteType = Overwrite<T, U>; // 結果為 { a: number; b: boolean; c: string; }let value: OverwriteType = { a: 0, b: true, c: '' };

12、Intersection<T, U>: 返回 T 和 U 的交集類型。

type T = { a: number; b: string };
type U = { b: boolean; c: string };
type Intersection<T, U> = Omit<T, keyof Omit<T, keyof U>>;
type Intersected = Intersection<T, U>; // 結果為 { b: string; }let value: Intersected = { b: '' };

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/10896.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/10896.shtml
英文地址,請注明出處:http://en.pswp.cn/web/10896.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

java生成二維碼合并海報并加上文字

1.生成二維碼 public static byte[] generateQRCodeImages(String text, int width, int height) throws WriterException, IOException {String binary null;QRCodeWriter qrCodeWriter new QRCodeWriter();//調整白邊大小Hashtable<EncodeHintType, Object> hints n…

微信小程序新技能解鎖:輕松實現二維碼掃描與識別

微信小程序新技能解鎖&#xff1a;輕松實現二維碼掃描與識別 在移動互聯網時代&#xff0c;二維碼已成為連接線上線下的橋梁&#xff0c;而微信小程序作為輕量級應用的代表&#xff0c;自然也少不了二維碼掃描與識別的功能。本文將手把手教你如何在微信小程序中集成這項實用功…

【3dmax筆記】020:變換輸入、世界坐標、屏幕坐標案例詳解

文章目錄 一、變換輸入二、世界坐標三、屏幕坐標四、區別一、變換輸入 變換輸入可用于:移動/旋轉/縮放變換輸入,快捷鍵為F12,在變換輸入窗口中,有兩種常見重要的坐標系: 世界坐標:固定屏幕坐標:隨著選擇的視圖發生變化在3ds Max中,世界坐標(World Coordinate System)…

Git Bash和Git GUI設置中文的方法

0 前言 Git是一個分布式版本控制系統&#xff0c;可以有效、高速地處理從很小到非常大的項目版本管理。一般默認語言為英文&#xff0c;本文介紹修改Git Bash和Git GUI語言為中文的方法。 1 Git Bash設置中文方法 &#xff08;1&#xff09;鼠標右鍵&#xff0c;單擊“Git B…

網絡無線網卡無法配置正確的 dns 服務器

網絡無線網卡無法配置正確的 dns 服務器--解決辦法 網絡無線網卡無法配置正確的 dns 服務器--解決辦法 網絡無線網卡無法配置正確的 dns 服務器–解決辦法 建議先使用疑難反饋&#xff08;自帶的&#xff09; 打開網絡適配中心 之后更改適配器設置&#xff0c;在點擊 wlan 屬…

【linux】linux工具使用

這一章完全可以和前兩篇文件歸類在一起&#xff0c;可以選擇放一起看哦 http://t.csdnimg.cn/aNaAg http://t.csdnimg.cn/gkJx7 拖更好久了&#xff0c;抱歉&#xff0c;讓我偷了會懶 1. 自動化構建工具 make , makefile make 是一個命令&#xff0c;makefile 是一個文件&…

jdk安裝使用(Linux)

文章目錄 JDK在Linux的安裝Linux運行打包好的springboot項目停止在Linux服務器上運行的Spring Boot應用程序 JDK在Linux的安裝 在Linux上安裝JDK&#xff08;Java Development Kit&#xff09;可以通過以下步驟完成&#xff1a; 下載JDK安裝包&#xff1a; 訪問Oracle官方網站…

【Java】變量類型

類變量&#xff1a;獨立于方法之外的變量&#xff0c;用static修飾實例變量&#xff1a;獨立于方法之外的變量&#xff0c;不過沒有static修飾局部變量&#xff1a;類的方法中的變量 示例1&#xff1a; public class test_A {static int a;//類變量(靜態變量)String b;//實例…

Mysql 日志(redolog, binlog, undoLog)

重做日志-redolog 是什么 innoDB存儲引擎層面的日志&#xff0c;它的作用是當 數據更新過程中數據庫發生異常導致提交的記錄丟失 為什么 mysql的基本存儲結構是頁&#xff08;記錄都在頁里面&#xff09;&#xff0c;所以更新語句時&#xff0c;mysql需要先把要更新的語句找…

Softing工業推出的edgeConnector將Allen-Bradley控制器集成到工業邊緣應用中

2024年4月17日&#xff08;哈爾&#xff09;&#xff0c;Softing宣布擴展其基于Docker的edgeConnector產品系列&#xff0c;推出了新軟件模塊edgeConnector Allen Bradley PLC&#xff0c;可方便用戶訪問來自ControlLogix和CompactLogix控制器數據。 &#xff08;edgeConnector…

Linux提權--定時任務--打包配合 SUID(本地)文件權限配置不當(WEB+本地)

免責聲明:本文僅做技術交流與學習... 目錄 定時任務 打包配合 SUID-本地 原理: 背景: 操作演示: 分析: 實戰發現: 定時任務 文件權限配置不當-WEB&本地 操作演示: 定時任務 打包配合 SUID-本地 原理: 提權通過獲取計劃任務執行文件信息進行提權 . 1、相對路徑和…

Rust中忽略JSON反序列化時的不必要字段

在Rust中處理JSON數據時&#xff0c;經常會遇到JSON數據中包含一些在目標數據結構中不存在的字段的情況。如果你使用的是serde和serde_json這兩個流行的庫來處理JSON&#xff0c;那么有一些簡單的方法可以忽略這些不必要的字段。 默認行為&#xff1a;忽略未知字段 在Rust中&…

人工智能專業(科普)

Ⅰ 簡介 人工智能&#xff08;Artificial Intelligence&#xff09;是中國普通高等學校本科專業。人工智能&#xff0c;是一個以計算機科學為基礎&#xff0c;由計算機、心理學、哲學等多學科交叉融合的交叉學科、新興學科&#xff0c;研究、開發用于模擬、延伸和擴展人的智能…

在vue3中,如何優雅的使用echarts之實現大屏項目

前置知識 效果圖 使用技術 Vue3 Echarts Gasp Gasp&#xff1a;是一個 JavaScript動畫庫,它支持快速開發高性能的 Web 動畫。在本項目中&#xff0c;主要是用于做軌跡運動 所需安裝的插件 npm i echarts npm i countup.js 數字滾動特效 npm i gsap javascript動畫庫 np…

MogDBopenGauss查詢重寫規則lazyagg

在MogDB&openGauss中&#xff0c;參數rewrite_rule用于控制查詢重寫&#xff0c;本文介紹查詢重寫規則lazyagg 在未設置rewrite_rulelazyagg的情況下&#xff0c;子查詢中有GROUP BY會先進行GROUP BY lazyagg表示延遲聚合運算&#xff0c;目的是消除子查詢中的聚合運算&…

寶塔面板怎么解決nginx跨域問題

1.找到寶塔的nginx配置文件 寶塔有一點不同&#xff0c;nginx配置文件不在nginx的安裝目錄中&#xff0c;應當去/www/server/panel/vhost/nginx找到 2.添加你要跨域的地址 location /api {proxy_pass http://localhost:8080;proxy_set_header Host $host;proxy_set_header X-…

維護祖傳項目Tomcat部署war包

文章目錄 1. 安裝tomcat2. 解決Tomcat啟動日志亂碼3. idea配置啟動war包 1. 安裝tomcat 選擇免安裝版本&#xff0c;只需要在系統變量里面配置一下。 新增系統變量 CATALINA_HOME D:\Users\common\tomcat\apache-tomcat-8.5.97-windows-x64\apache-tomcat-8.5.97 編輯追加Path…

FPGA SDRAM讀寫控制器

感謝鄧堪文大佬 &#xff01; SDRAM 同步動態隨機存取內存&#xff08;synchronousdynamic randon-access menory&#xff0c;簡稱SDRAM&#xff09;是有一個同步接口的動態隨機存取內存&#xff08;DRAM&#xff09;。通常DRAM是有一個異步接口的&#xff0c;這樣它可以隨時響…

Node.js基礎:從入門到實戰

初識 Node.js 與內置模塊 &#xff08;初識&#xff09; 1、知道什么是node.js 2、知道node.js可以做什么 3、node.js 中js的組成部分 &#xff08;內置模塊&#xff09; 4、用 fs 模塊讀寫操作文件 5、使用 path 模塊處理路徑 6、使用http 模塊寫一個基本的web服務器 初識 N…

第1章 信息系統綜合知識 1.4 IT戰略

第1章 信息系統綜合知識 1.4 IT戰略 1.4.1 IT戰略的內涵 IT戰略&#xff0c;是在診斷和評估企業信息化現狀的基礎上&#xff0c;制定和調整企業信息化的指導綱領&#xff0c;爭取企業以最合適的成本&#xff0c;去做最合適的信息化工作。 IT戰略制定步驟: 定方向:明確遠景…