面试题：TypeScript 接口的高级特性之索引签名

Question

假设你正在开发一个应用，需要存储一些配置信息，这些配置信息的键是字符串类型，值可以是字符串、数字或布尔类型。请使用接口的索引签名来定义这个配置对象的类型。同时，编写一个函数 `getConfigValue`，该函数接受配置对象和键作为参数，返回对应的值，如果键不存在则返回 `null`。并且说明索引签名在实际项目中的应用场景和注意事项。

Answer 1

// 定义配置对象类型
interface Config {
    [key: string]: string | number | boolean;
}

// 获取配置值的函数
function getConfigValue(config: Config, key: string): string | number | boolean | null {
    return config[key] || null;
}

索引签名在实际项目中的应用场景

1. 配置文件处理：如上述例子，存储和获取各种类型的配置信息。
2. 动态对象属性访问：当对象的属性名不是固定的，而是根据运行时的情况动态生成时，索引签名非常有用。例如，在处理API返回的JSON数据，其属性名可能根据不同情况变化。

索引签名在实际项目中的注意事项

1. 类型一致性：索引签名定义的类型必须是所有可能值类型的联合类型，确保所有属性值都符合这个类型定义。
2. 性能问题：使用索引签名进行属性访问，相对于直接访问固定属性，在性能上可能会有一定损耗，尤其是在大量数据和频繁访问的场景下。
3. 代码可读性：过度使用索引签名可能会降低代码的可读性，因为属性名不再是明确声明的，阅读代码时难以直观了解对象的结构。所以在使用时需要权衡，尽量在需要动态属性的场景下合理使用。