如何根据TypeScript接口的其他属性值动态调整接口属性？

要实现「当mode为Mode.DYNAMIC时移除templateName属性」的需求，TypeScript里没法直接给单个接口加条件逻辑，但可以通过联合类型或者条件泛型类型来实现，让类型检查自动根据mode的值约束属性。

方法一：联合类型拆分实现 #

先把两种模式的配置拆成独立类型，再合并成联合类型，TypeScript会根据mode的值自动识别需要的属性：

export enum Mode {
  DYNAMIC = "DYNAMIC",
  STATIC = "STATIC",
}

// 公共属性，所有模式都包含
type BaseTemplateConfig = {
  mode: Mode;
  templateFilter: TemplateFilter;
};

// 静态模式专属：必须带templateName
type StaticTemplateConfig = BaseTemplateConfig & {
  mode: Mode.STATIC;
  templateName: string;
};

// 动态模式专属：不带templateName
type DynamicTemplateConfig = BaseTemplateConfig & {
  mode: Mode.DYNAMIC;
};

// 最终的配置类型，二选一
export type TemplateConfig = StaticTemplateConfig | DynamicTemplateConfig;

使用示例 #

// ✅ 合法：静态模式必须提供templateName
const staticConfig: TemplateConfig = {
  mode: Mode.STATIC,
  templateName: "static-demo",
  templateFilter: {/* 你的过滤配置 */}
};

// ✅ 合法：动态模式不需要templateName
const dynamicConfig: TemplateConfig = {
  mode: Mode.DYNAMIC,
  templateFilter: {/* 你的过滤配置 */}
};

// ❌ 报错：动态模式不能有templateName
const invalidConfig: TemplateConfig = {
  mode: Mode.DYNAMIC,
  templateName: "error",
  templateFilter: {/* 你的过滤配置 */}
};

方法二：条件泛型类型 #

用泛型结合条件类型，更简洁地实现属性的条件包含：

export enum Mode {
  DYNAMIC = "DYNAMIC",
  STATIC = "STATIC",
}

// 泛型M指定mode类型，根据M的值决定是否包含templateName
type TemplateConfig<M extends Mode = Mode> = {
  mode: M;
  templateFilter: TemplateFilter;
} & (M extends Mode.STATIC ? { templateName: string } : {});

使用示例 #

// ✅ 自动推导为静态模式，必须带templateName
const staticConfig: TemplateConfig = {
  mode: Mode.STATIC,
  templateName: "static-demo",
  templateFilter: {/* 你的过滤配置 */}
};

// ✅ 显式指定动态模式，不需要templateName
const dynamicConfig: TemplateConfig<Mode.DYNAMIC> = {
  mode: Mode.DYNAMIC,
  templateFilter: {/* 你的过滤配置 */}
};

两种方法都能实现需求，第一种更直观，适合复杂的条件分支；第二种更简洁，适合简单的二选一场景。

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