对应类型和索引签名

对象类型

对象类型用于描述对象的结构——对象有哪些属性、每个属性的类型、是否可选、是否只读等。它是 TypeScript 中最核心、最常用的类型之一。

对象类型的定义方式

方式1：匿名对象类型

// 直接在变量声明中定义 let user: { id: number; username: string } = { id: 1, username: "alice" }; // 函数参数 function printUser(user: { name: string; age: number }) { console.log(`${user.name} is ${user.age} years old`); }

方式2：接口（Interface）

interface User { id: number; name: string; email: string; } const user: User = { id: 1, name: "Alice", email: "alice@example.com" };

方式3：类型别名（Type Alias）

type User = { id: number; name: string; email: string; }; const user: User = { id: 1, name: "Alice", email: "alice@example.com" };

方式4：类（Class）

class User { id: number; name: string; constructor(id: number, name: string) { this.id = id; this.name = name; } } const user: User = new User(1, "Alice");

索引签名

索引签名用于定义对象可以拥有的任意数量的属性，并约束这些属性的键和值的类型。它解决了"我不知道对象会有哪些具体属性"的问题。

type Obj = { name: string; age: number; } // 这个类型非常精确： const alice: Obj = { name: "Alice", age: 25 }; // ✅ 完美匹配 // const bob: Obj = { // name: "Bob", // age: 30, // email: "bob@test.com" // ❌ 错误！Obj 类型中没有定义 `email` // };

给Obj加上一个索引签名，它就从“固定形状”变成了“灵活字典”：

type FlexibleObj = { name: string; age: number; // 索引签名：允许添加任意字符串属性，且值必须是 string 类型 [key: string]: string; }

const alice: FlexibleObj = { name: "Alice", age: 25, // ❌ 报错！注意这里 email: "alice@test.com", // ✅ 现在可以添加额外属性了 city: "Beijing", // ✅ 也可以添加其他属性 };

当你写上[key: string]: string后，就等于告诉 TypeScript：“这个对象里的所有属性值，都必须是string类型。”

• name: string符合要求。

• 但age: number是数字，不符合，所以报错。

如何修复？

1使用联合类型，让索引签名的类型包含age的类型。[key: string]: string | number;

2 [key: string]: any;