TS学习：索引签名

2023/1/31

只要记住一句话，批量描述key的一种方式

这名字起的真是shi一样 😒，我还以为是什么深奥的东西。

例如：假设你想确认存储在对象中任何内容都符合 

{ message: string } 的结构

你可以通过 

[index: string]: { message: string } 来实现。

const foo: {
  [index: string]: { message: string };
} = {};

// 储存的东西必须符合结构
// ok
foo['a'] = { message: 'some message' };

// Error, 必须包含 `message`
foo['a'] = { messages: 'some message' };

// 读取时，也会有类型检查
// ok
foo['a'].message;

// Error: messages 不存在
foo['a'].messages;

索引签名的名称（如：{ [index: string]: { message: string } } 里的 index ）除了可读性外，并没有任何意义。例如：如果有一个用户名，你可以使用 { username: string}: { message: string }，这有利于下一个开发者理解你的代码。

索引签名支持两种：string 和 number

number 类型的索引：{ [count: number]: 'SomeOtherTypeYouWantToStoreEgRebate' }。

所有成员都必须符合字符串的索引签名

// ok
interface Foo {
  [key: string]: number;
  x: number;
  y: number;
}

// Error
interface Bar {
  [key: string]: number;
  x: number;
  y: string; // Error: y 属性必须为 number 类型
}

2022/12/27

收藏的ts教程：

https://jkchao.github.io/typescript-book-chinese/tips/curry.html