TypeScript——Record类型

2024-08-15 13:03:11 浏览数 (2)

前言

阅读vue源码的时候再次看到了TS这个类型,之前整理TS的时候简单了解了下,只知道是TS的高级类型,当时因为其他的事情也并没有正儿八经的的梳理完TS的东西,这时候来填下坑吧; recordkeys-type try recordkeys-type

内容

Record类型 | 将一个类型的所有属性值都映射到另一个类型上并创造一个新的类型 | 2.1版本开始支持

示例

代码语言:javascript复制
interface CatInfo {
  age: number;
  breed: string;
}

// 限制属性类型为string,属性值类型为CatInfo且包含age,breed字段
const cats: Record<string, CatInfo> = {
  miffy: { age: 10, breed: "Persian" },
  boris: { age: 5, breed: "Maine Coon" },
  mordred: { age: 16, breed: "British Shorthair" },
};

脑图

0 人点赞