溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關TypeScript如何使用Record，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
運用Record
Record 是TypeScript的一個高級類型，但是相關的文檔并不多，所以經常被人忽略，但是是一個非常強大的高級類型。
Record允許從Union類型中創建新類型，Union類型中的值用作新類型的屬性。
舉個簡單的例子，比如我們要實現一個簡單的汽車品牌年齡表，一下寫法貌似沒有問題。
type Car = 'Audi' | 'BMW' | 'MercedesBenz'
const cars = {
Audi: { age: 119 },
BMW: { age: 113 },
MercedesBenz: { age: 133 },
}雖然這個寫法沒問題，但是有沒有考慮過類型安全的問題？
比如：
我們忘記寫了一個汽車品牌，他會報錯嗎？
我們拼寫屬性名錯誤了，它會報錯嗎？
我們添加了一個非上述三個品牌的品牌進去，他會報錯嗎？
我們更改了其中一個品牌的名字，他會有報錯提醒嗎？
上述這種寫法統統不會，這就需要Record的幫助。
type Car = 'Audi' | 'BMW' | 'MercedesBenz'
type CarList = Record<Car, {age: number}>
const cars: CarList = {
Audi: { age: 119 },
BMW: { age: 113 },
MercedesBenz: { age: 133 },
}當我們拼寫錯誤:
當我們少些一個品牌:
當我們添加了一個非約定好的品牌進去:
在實戰項目中盡量多用Record，它會幫助你規避很多錯誤，在vue或者react中有很多場景選擇Record是更優解。
關于“TypeScript如何使用Record”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
