TypeScript报错：Type 'string'无法分配给联合类型，为何需用'as'断言？

你遇到的问题本质是TypeScript的类型推断行为导致的：

• 当你创建columns数组时，没有给它显式指定类型，TypeScript会自动推断数组中每个元素的类型。
• 第二个对象里的align: "right"，TypeScript默认会把这个字符串字面量推断为宽泛的string类型，而不是你在DataTableHeader接口中定义的"right"字面量类型。
• 最终columns被推断为({ key: string; label: string; align?: undefined; } | { align: string; key: string; label: string; })[]类型，和DataTable函数期望的DataTableHeader[]类型不兼容——因为宽泛的string无法赋值给限定的联合字面量类型。

TypeScript的类型推断不是万能的，它没法自动识别你编写的数组严格符合DataTableHeader接口的要求。这时候as类型断言的作用是：

• 手动告诉TypeScript：“我确认这个值的类型就是DataTableHeader[]，你不需要再做自动推断了”。
• 强制类型系统接受你指定的类型，绕过自动推断带来的类型不匹配问题。

不过要注意，as断言需要你自己确保类型安全，如果断言的类型和实际值不符，会埋下运行时隐患。更推荐的做法是给columns显式标注类型，比如：

const columns: DataTableHeader[] = [
    { key: "title", label: "Title" },
    { align: "right", key: "costPrice", label: "Cost Price" }
]

这种方式比断言更安全，因为TypeScript会在定义数组时就帮你检查每个元素是否符合接口要求，而不是等到传参时才报错。

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