TypeScript中如何根据type属性值设置options为可选？

要实现根据type值控制options的可选性，别用单一接口，直接上联合类型拆分不同类型的问题定义，这样能精准约束不同类型对应的属性：

具体实现 #

先把所有Question共有的属性抽出来当基础，再针对不同类型分别定义：

// 公共基础属性
interface BaseQuestion {
  id: string;
  label: string;
  helpText?: string;
  placeholder?: string;
  value?: string;
  validations?: any;
  required?: boolean;
  priority?: number;
  intent?: Intent[];
  [keyName: string]: any; // 保留原有的索引签名
}

// 文本类问题（SHORT_TEXT/LONG_TEXT）：options可选（用never更明确表示不需要该属性）
interface TextQuestion extends BaseQuestion {
  type: "SHORT_TEXT" | "LONG_TEXT";
  options?: never;
}

// 选项类问题（DROPDOWN/CHECKBOX/RADIO）：这类问题通常依赖选项，设为必填更合理
interface OptionQuestion extends BaseQuestion {
  type: "DROPDOWN" | "CHECKBOX" | "RADIO";
  options: Option[];
}

// 最终的Question类型是两种结构的联合
export type Question = TextQuestion | OptionQuestion;

export type QuestionType =
  | "DROPDOWN"
  | "CHECKBOX"
  | "RADIO"
  | "SHORT_TEXT"
  | "LONG_TEXT";

export interface Option {
  id: string;
  label: string;
  value?: string;
}

效果说明 #

这么定义后，TypeScript会自动做类型校验：

• 当type是SHORT_TEXT或LONG_TEXT时，options可以完全不用传，硬传的话会直接报错；
• 当type是DROPDOWN、CHECKBOX或RADIO时，必须传入options，否则会触发类型错误。

如果你的需求只是让文本类问题的options保持可选（选项类问题的options也可选），只需要把OptionQuestion里的options改成options?: Option[]就行，但通常带选项的问题里options是必填项，所以上面的写法更贴合实际场景。

补充说明 #

单一接口的属性规则对所有实例生效，没法实现“某类type下属性可选/不存在，另一类type下属性必填”的差异化约束，联合类型是TypeScript处理这类场景的标准方案。

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