Typescript中的泛型約束extends keyof

概要

本文主要分享Typescript中泛型約束的使用方法。在開發過程中,通過使用該方法,可以在編譯階段,幫助我們查找到一些潛在的空值引用錯誤。

代碼和實現

我們預先定義了IUser接口,接口包括了id,姓名,性別和婚否的基本信息。

enum  Gender {Male=1,Female
}interface IUser {id:number;name:string;gender:Gender;married:boolean;
}const user = {id:1,name:"ABC",gender:Gender.Female,married:true} as IUser;

錯誤的用法

下面定義一個函數,實現根據傳入的key,獲取user對象的基本信息。

function getUserProperty(user:any, key:string){return user[key];}
getUserProperty(user, "id")

調用過程沒有任何問題,但是如果寫一個不存在的key,如下:

getUserProperty(user, "idd")

這樣取出的變成了空值,但是程序沒有任何報錯,非常不便于查找問題。

正確的用法

function getUserProperty<T, K extends keyof T>(user:T, key: K):T[K]{return user[key];
}
getUserProperty<IUser, keyof IUser>(user, "name")

上面的例子中,我們通過keyof約束了key的取值,key必須是泛型T中已經存在的key,相當于key只能取id,name, gender, married中的一個。如果寫的一個不存在的key,在編譯階段就會報錯提醒。

例如我們將代碼修改如下:

getUserProperty<IUser, keyof IUser>(user, "namee") 

代碼直接報錯:
在這里插入圖片描述
會直接提醒,key值不對。

基本原理討論

keyof的基本原理和const關鍵字的實現方式類似,將數值轉換為類型,修改數值,即為修改類型,從而達到只讀的效果。

keyof通過獲取IUser的聯合鍵值,然后將每個鍵值,如果id, name,也都當作一種類型,從而限制了key的取值。

結論

通過泛型約束,我們可以很好的消除代碼中的潛在隱患,避免內存泄漏。

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

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

相關文章

C++ 2025 展望:現代編程需求與新興技術驅動下的變革

C 作為一門成熟的語言&#xff0c;在多個領域&#xff08;嵌入式系統、高性能計算、圖形渲染、游戲開發等&#xff09;依舊占據重要地位。在 2024 年&#xff0c;C 開發繼續在許多傳統領域保持強勁的勢頭&#xff0c;同時也面臨著新的挑戰與發展方向。展望 2025 年&#xff0c;…

包管理工具有哪些?主流軟件分享

常見的包管理工具主要有&#xff1a;npm、Yarn、pnpm、Composer、Maven、pip、Conda 等&#xff0c;其中 npm 是目前全球使用最廣泛的JavaScript包管理工具&#xff0c;以豐富的生態、便捷的使用體驗以及強大的社區支持聞名。npm具備依賴管理、版本控制、腳本執行等強大功能&am…

2025年世界職業院校技能大賽實施方案(意見稿)

為貫徹落實《教育強國建設規劃綱要&#xff08;2024—2035年&#xff09;》&#xff0c;進一步提升世界職業院校技能大賽&#xff08;以下簡稱“大賽”&#xff09;內涵質量&#xff0c;發揮大賽引領作用&#xff0c;提升高技能人才培養質量&#xff0c;服務現代職業教育體系建…

Redis 慢查詢分析與優化

Redis 慢查詢分析與優化 參考書籍 &#xff1a; https://weread.qq.com/web/reader/d5432be0813ab98b6g0133f5kd8232f00235d82c8d161fb2 以下從配置參數、耗時細分、分析工具、優化策略四個維度深入解析 Redis 慢查詢問題&#xff0c;結合實戰調優建議&#xff0c;幫助開發者…

AI之pdf解析:Tesseract、PaddleOCR、RapidPaddle(可能為 RapidOCR)和 plumberpdf 的對比分析及使用建議

目錄標題 Tesseract、PaddleOCR、RapidPaddle&#xff08;可能為 RapidOCR&#xff09;和 plumberpdf 的對比分析1. Tesseract類型: 開源 OCR 引擎特點:缺點:適用場景: 2. PaddleOCR (推薦)類型:特點:缺點:適用場景: 復雜版式文檔、多語言混合文本、需要高精度識別的場景&#…

算法 | 成長優化算法(Growth Optimizer,GO)原理,公式,應用,算法改進研究綜述,matlab代碼

===================================================== github:https://github.com/MichaelBeechan CSDN:https://blog.csdn.net/u011344545 ===================================================== 成長優化算法 一、算法原理二、核心公式三、應用領域四、算法改進研究五…

網絡原理(TCP協議—協議格式,性質(上),狀態)

目錄 1.TCP協議段格式。 2.TCP協議傳輸時候的性質。 2.1確認應答。 2.2超時重傳。 2.3連接管理。 2.3.1 三次握手。 2.3.2四次揮手。 3.TCP常見的狀態。 1.TCP協議段格式。 TCP協議段是由首部和數據兩部分構成的。首部包含了TCP通信所需要的各種控制信息&#xff0c;而…

XAML 標記擴展

# XAML 標記擴展詳解 標記擴展(Markup Extensions)是XAML中一種特殊的語法結構&#xff0c;允許在XAML屬性中嵌入動態值或引用&#xff0c;而不是簡單的靜態值。它們使用花括號{}作為標識&#xff0c;是XAML強大功能的核心組成部分。 ## 基本語法結構 所有標記擴展都遵循以下…

DeepSeek+Cursor+Devbox+Sealos項目實戰

黑馬程序員DeepSeekCursorDevboxSealos帶你零代碼搞定實戰項目開發部署視頻教程&#xff0c;基于AI完成項目的設計、開發、測試、聯調、部署全流程 原視頻地址視頻選的項目非常基礎&#xff0c;基本就是過了個web開發流程&#xff0c;但我在實際跟著操作時&#xff0c;ai依然會…

Ethan獨立開發產品日報 | 2025-04-20

1. Checklist GG 基于人工智能的清單管理工具 checklist.gg是一個基于人工智能的清單管理工具&#xff0c;旨在幫助組織確保每次都能正確完成任務。 關鍵詞&#xff1a;AI驅動, 檢查清單, 管理工具, 任務管理, 效率提升, 組織管理, 工作流程, 自動化工具, 清單管理, 協作工具…

第十四屆藍橋杯 2023 C/C++組 冶煉金屬

目錄 題目&#xff1a; 題目描述&#xff1a; 題目鏈接&#xff1a; 思路&#xff1a; 核心思路&#xff1a; 思路詳解&#xff1a; 代碼&#xff1a; 代碼詳解&#xff1a; 題目&#xff1a; 題目描述&#xff1a; 題目鏈接&#xff1a; 藍橋云課 冶煉金屬 洛谷 P92…

【數字圖像處理】彩色圖像處理(1)

研究彩色圖像處理的原因 1&#xff1a;利用顏色信息&#xff0c;可以簡化目標物的區分&#xff0c;以及從場景中提取出目標物 2&#xff1a;人眼對顏色非常敏感&#xff0c;可以分辨出來幾千種顏色色調和亮度&#xff0c;卻只能分別出幾十種灰度 彩色圖像分類 偽彩色圖像處理&…

pytest自動化中關于使用fixture是否影響用例的獨立性

第一個問題&#xff1a;難道使用fixture 會影響用例獨立嗎&#xff1f; ? 簡單回答&#xff1a; 使用 fixture ≠ 不獨立。 只要你的 fixture 是每次測試都能自己運行、自己產生數據的&#xff0c;那么測試用例依然是“邏輯獨立”的。 ? 怎么判斷 fixture 是否影響獨立性&a…

C++計算 n! 中末尾零的數量

* 詳細說明* 給定一個整數作為輸入。目標是找出該數的階乘結果中末尾零的數量。 一個數 N 的階乘是范圍 [1, N] 內所有數的乘積。* * 我們知道&#xff0c;只有當一個數是 10 的倍數或者有因數對 (2, 5) 時&#xff0c;才會產生末尾零。 在任何大于 5 的數的階乘中&#xff0c;…

推薦系統/業務,相關知識/概念2

一、漫畫庫更新大量新作品&#xff0c;如何融入推薦系統&#xff1f; 參考答案&#xff1a; 快速提取新作品特征&#xff1a;除基礎屬性外&#xff0c;利用自然語言處理技術提取漫畫簡介關鍵詞等豐富特征向量&#xff0c;分析情節、角色設定等深層次特征結合物品畫像體系分類…

# 手寫數字識別:使用PyTorch構建MNIST分類器

手寫數字識別&#xff1a;使用PyTorch構建MNIST分類器 在這篇文章中&#xff0c;我將引導你通過使用PyTorch框架構建一個簡單的神經網絡模型&#xff0c;用于識別MNIST數據集中的手寫數字。MNIST數據集是一個經典的機器學習數據集&#xff0c;包含了60,000張訓練圖像和10,000張…

強化學習筆記(三)——表格型方法(蒙特卡洛、時序差分)

強化學習筆記&#xff08;三&#xff09;——表格型方法&#xff08;蒙特卡洛、時序差分&#xff09; 一、馬爾可夫決策過程二、Q表格三、免模型預測1. 蒙特卡洛策略評估1) 動態規劃方法和蒙特卡洛方法的差異 2. 時序差分2.1 時序差分誤差2.2 時序差分方法的推廣 3. 自舉與采樣…

c++_csp-j算法 (4)

迪克斯特拉() 介紹 迪克斯特拉算法(Dijkstra算法)是一種用于解決單源最短路徑問題的經典算法,由荷蘭計算機科學家艾茲赫爾迪克斯特拉(Edsger W. Dijkstra)于1956年提出。迪克斯特拉算法的基本思想是通過逐步擴展已經找到的最短路徑集合,逐步更新節點到源節點的最短路…

(13)VTK C++開發示例 --- 透視變換

文章目錄 1. 概述2. CMake鏈接VTK3. main.cpp文件4. 演示效果 更多精彩內容&#x1f449;內容導航 &#x1f448;&#x1f449;VTK開發 &#x1f448; 1. 概述 在VTK&#xff08;Visualization Toolkit&#xff09;中&#xff0c;vtkPerspectiveTransform 和 vtkTransform 都是…

深入探索Qt異步編程--從信號槽到Future

概述 在現代軟件開發中,應用程序的響應速度和用戶體驗是至關重要的。尤其是在圖形用戶界面(GUI)應用中,長時間運行的任務如果直接在主線程執行會導致界面凍結,嚴重影響用戶體驗。 Qt提供了一系列工具和技術來幫助開發者實現異步編程,從而避免這些問題。本文將深入探討Qt…