TypeScript如何从嵌套常量对象推导具体字面量类型而非string？

当然可以，不需要手动定义类型对象，只需要给你的样式指南对象加上as const断言，就能让TypeScript把所有属性推断为具体的字面量类型，而非宽泛的string。

修改后的代码示例： #

const guide = {
  colors: {
    black: {
      medium: "#000000",
    },
    blue: {
      medium: "#3884F7",
      dark: "#053986",
    }
    // ...其他颜色配置
  },
  typography: {
    font: {
      family: "Commissioner",
      size: {
        xxs: "11px",
        xs: "12px",
        s: "14px"
        // ...其他字号配置
      },
    },
  },
} as const; // 关键：添加const断言

效果说明： #

添加as const后，TypeScript会：

• 将对象的所有属性推断为精确的字面量类型，比如guide.colors.blue.dark的类型会是"#053986"，而不是string
• IDE会直接提示具体的字面量值，完全符合你的需求
• 同时对象会被标记为只读，如果你不需要修改这个样式指南对象，这个特性反而能避免意外修改配置

如果后续需要基于这个类型创建可写的变量，可以通过typeof guide获取精确类型后再定义：

type StyleGuide = typeof guide;
// 比如创建一个可写的局部配置
let partialGuide: Partial<StyleGuide> = {
  colors: { blue: { dark: "#053986" } }
};

内容的提问来源于stack exchange，提问作者noel.felix