TypeScript的lib.d.ts中HTMLAnchorElement的target为何不定义为联合类型？

未定义为内置关键字联合类型的原因 #

这是TypeScript官方的有意设计。根据HTML规范，<a>标签的target属性除了_self、_blank、_parent、_top四个内置特殊取值外，还支持传入任意自定义字符串作为目标窗口、iframe的名称，所有字符串类型的值都是合法取值。如果将target的类型限制为仅包含四个内置值的联合类型，会导致合法的自定义target取值触发类型报错，因此官方选择将其定义为更通用的string类型。

自定义严格类型的实现方式 #

你可以根据业务需求手动限制target的取值范围，两种常用方案：

• 局部使用类型断言
  仅在特定场景下需要限制取值时，可以直接定义联合类型配合类型断言使用：

  type StrictAnchorTarget = '_self' | '_blank' | '_parent' | '_top'
  const linkTarget = '_blank' as StrictAnchorTarget
  

• 全局扩展原有类型定义
  需要全局生效类型限制和提示的话，可以扩展TypeScript内置的HTMLAnchorElement接口：

  interface HTMLAnchorElement {
    target: '_self' | '_blank' | '_parent' | '_top' | (string & {})
  }
  

  上述写法中(string & {})的作用是在保留任意字符串输入支持的同时，为四个内置取值提供智能类型提示。

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