9、TypeScript 高级特性与应用技巧

TypeScript 高级特性与应用技巧

1. 索引签名与属性类型冲突问题

在 TypeScript 中，当定义索引签名时，如果其他属性的类型与索引签名的类型不匹配，会出现错误。例如：

type StringDictionary = {
  [index: string]: string;
  count: number;
  // Error: Property 'count' of type 'number' is not assignable
  // to 'string' index type 'string'.(2411)
};

这是因为索引签名表明所有字符串键都应指向字符串类型，而 count 属性是数字类型，存在歧义，TypeScript 不允许这样的定义。解决方法是扩大索引签名的类型，确保小的类型集合是大的类型集合的一部分：

type StringOrNumberDictionary = {
  [index: string]: string | number;
  count: number; // works
};

2. 区分缺失属性和未定义值

2.1 问题描述

在实际开发中，缺失属性和未定义值是不同的概念，但在 TypeScript 中处理时可能会产生混淆。

2.2 解决方案

在 tsconfig