代码之家 › 专栏 › 技术社区 › tmokmss

TypeScript中记录<K,T>和{[键:K]:T}之间有什么区别?

typescript-typings typescript

tmokmss · 技术社区 · 3 年前

嗨,这两者有什么区别 Record<K, T> 和 { [key: K]: T } 在TypeScript中? 例如,在下面的代码中,它们似乎工作相同。

const obj1: Record<string, number> = {a: 1, b: 2};
const obj2: { [key: string]: number } = {a: 1, b: 2};

他们之间有什么区别吗?

1 回复 | 直到 3 年前

Ricky Mo 3 年前

您的情况没有什么不同,但可以使用 Record 。考虑一下 official example

interface CatInfo {
  age: number;
  breed: string;
}
 
type CatName = "miffy" | "boris" | "mordred";
 
const cats: Record<CatName, CatInfo> = {
  miffy: { age: 10, breed: "Persian" },
  boris: { age: 5, breed: "Maine Coon" },
  mordred: { age: 16, breed: "British Shorthair" },
};

您不能将其替换为

const cats2: {[key:CatName]: CatInfo} = {
    miffy: { age: 10, breed: "Persian" },
    boris: { age: 5, breed: "Maine Coon" },
    mordred: { age: 16, breed: "British Shorthair" },
};

因为这会给你带来错误 An index signature parameter type cannot be a literal type or generic type. Consider using a mapped object type instead.(1337)

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Zoddo · 属性在明确定义时可能为“未定义”

4 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

4 月前

Sanitysign · 为什么{}类型可分配给对象类型?

4 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

4 月前

njord · 基于函数的Typescript返回类型

4 月前