TypeScript如何确保两个const主题对象具有相同形状？

你可以通过提取基准主题的类型，再让另一个主题严格遵循该类型的方式，实现结构不匹配时的类型报错提醒。具体步骤如下：

1. 提取基准主题的类型：利用typeof操作符获取lightMode的字面量类型（因为用了as const，类型会精确到具体的属性值和结构）。
2. 定义统一的主题类型：基于提取的类型创建类型别名，作为所有主题必须遵循的结构规范。
3. 为目标主题指定类型：给darkMode标注该类型，确保它的结构和lightMode完全一致。

修改后的代码示例：

// 基准主题：lightMode，用as const锁定字面量类型
const lightMode = {
  background: "white",
  text: {
    primary: "dark",
    secondary: "darkgrey"
  },
} as const;

// 基于lightMode的结构生成统一主题类型
type ThemeType = typeof lightMode;

// darkMode必须严格匹配ThemeType的结构，否则TypeScript报错
const darkMode: ThemeType = {
  background: "black",
  text: {
    primary: "white",
    // 若删除或修改这个secondary属性，TypeScript会立即抛出错误
    secondary: "dimgray"
  },
} as const;

效果说明 #

• 当你修改lightMode的结构（比如新增text.tertiary属性，或者删除secondary），ThemeType会自动同步更新。
• 此时darkMode如果没有对应调整，TypeScript会直接在编辑器中提示类型不匹配的错误，强制开发者同步修改darkMode的配置。
• 保留as const是为了让属性值也被锁定为字面量类型（比如background的类型是"white"而非宽泛的string），进一步保证主题属性值的类型一致性。

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