TypeScript中能否用Index signatures定义接口结构？表单接口复用问询

首先明确：不能通过索引签名实现你的需求，索引签名的设计场景是处理「键名未知但所有键值类型统一」的结构，而你的需求是「固定公共属性+自定义属性」，用常规的接口继承才是正确的做法。

为什么索引签名不合适？ #

假设你尝试用带索引签名的公共接口：

interface Form {
  [key: string]: string | boolean;
  value: string;
  valid: boolean;
}

当你定义继承的表单接口时，会遇到两个核心问题：

1. 自定义字段的类型必须严格匹配索引签名的类型（string | boolean），如果想添加number这类不在签名范围内的类型字段，直接触发类型错误；
2. 索引签名本质是描述「任意键的类型规则」，和你需要的「固定公共属性+自定义属性」的场景完全不匹配，属于用错了工具。

正确的实现方式 #

直接定义一个包含公共属性的基础接口，让其他表单接口继承它即可：

1. 定义公共基础接口

interface FormBase {
  value: string;
  valid: boolean;
}

2. 继承基础接口实现自定义表单

// 第一个表单：自动拥有value、valid，只需声明自定义字段
interface MyFirstForm extends FormBase {
  username: string;
}

// 第二个表单：同理
interface MyOtherForm extends FormBase {
  email: string;
}

3. 编写通用处理函数
   比如你需要的isFormValid，直接接收FormBase类型参数就能处理所有继承它的表单：

function isFormValid(form: FormBase): boolean {
  return form.valid && form.value.trim() !== '';
}

// 使用示例
const testForm: MyFirstForm = {
  value: "hello ts",
  valid: true,
  username: "shurda"
};

console.log(isFormValid(testForm)); // 输出 true

如果偏好使用类型别名而非接口，也可以用交叉类型实现：

type FormBase = {
  value: string;
  valid: boolean;
};

type MyFirstForm = FormBase & {
  username: string;
};

内容的提问来源于stack exchange，提问作者shurda