TypeScript如何避免对象字面量的潜在字面类型被拓宽？

嘿，这个场景我太熟悉了！当你定义这种纯常量的不可变对象时，TypeScript默认的类型拓宽确实会“偷懒”把精确的字面量类型变成宽泛的number或string，刚好有几个实用的办法能解决这个问题，推荐度从高到低给你列出来：

1. 使用as const断言（最推荐） #

这是TypeScript 3.4版本以后支持的特性，堪称解决这类问题的最优解。直接在对象字面量末尾加上as const，不仅能让所有属性的类型锁定为字面量值，还会把整个对象变成只读的——刚好符合你“从不修改属性”的需求，一举两得。

示例代码：

const InternalServerError = { 
  status: 500, 
  message: 'Internal Server Error' 
} as const;

// 此时类型会被推断为：
// { readonly status: 500; readonly message: 'Internal Server Error'; }

如果你之后需要复用这个类型，直接用typeof提取就行：

type ServerError = typeof InternalServerError;

2. 显式定义字面量类型 #

如果你需要更明确地控制类型（或者要复用这个类型给其他变量），可以先定义一个包含精确字面量的类型，再把变量指定为这个类型。

示例代码：

// 先定义精确的字面量类型
type InternalServerErrorType = {
  status: 500;
  message: 'Internal Server Error';
};

// 给变量指定这个类型
const InternalServerError: InternalServerErrorType = {
  status: 500,
  message: 'Internal Server Error'
};

这种方式的缺点是需要写两遍属性内容，但好处是类型可以被多个变量共享。

3. 单个属性添加const断言（不推荐，太繁琐） #

如果你只想要字面量类型但不需要整个对象只读，可以给每个单独的属性加as const，不过这种方式比较啰嗦，属性多的时候很麻烦，一般不推荐。

示例代码：

const InternalServerError = {
  status: 500 as const,
  message: 'Internal Server Error' as const
};

// 此时类型是：{ status: 500; message: 'Internal Server Error'; }

总结一下，首选as const断言，简洁高效还能保证不可变性，完全匹配你的使用场景！

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