TypeScript数组展开为对象赋值无类型报错问题咨询

1. 为何TypeScript对此赋值不报错？ #

TypeScript采用结构性类型系统（鸭子类型），判断类型兼容只看结构是否匹配，不关心实际构造方式。string[]类型的核心要求是：具备数字索引签名（[index: number]: string）和length属性。

当用{ ...admins }展开数组时，得到的是包含数组所有可枚举属性的普通对象——它带有0、1等数字键和length属性，结构刚好满足string[]的核心要求。TypeScript不会检查对象是否拥有数组原型上的方法（如push、pop），因此判定这个对象与string[]类型兼容，不会抛出错误。

2. tsconfig.json中是否有特定配置可捕获该问题？ #

目前没有单独的tsconfig配置项直接捕获这类问题。不过开启strict模式（包含strictNullChecks、strictFunctionTypes等一系列严格检查规则）会提升整体类型检查的严格度，但仍无法完全避免这种结构兼容导致的误判。

3. 在严格TypeScript环境中，如何避免此类错误？ #

• 用数组专属的复制方式：不要用对象展开语法复制数组，改用数组展开[...admins]或admins.slice()，这样得到的始终是数组类型，从根源避免错误：

  names = [...admins]; // 正确，类型为string[]
  

• 添加运行时类型守卫：如果必须处理不确定类型的值，用Array.isArray()做类型检查，结合TypeScript的类型守卫特性：

  const candidate = { ...admins };
  if (Array.isArray(candidate)) {
    names = candidate;
  } else {
    throw new Error("赋值目标不是数组");
  }
  

• 定义严格数组类型：通过自定义类型强制要求必须具备数组方法，排除普通对象：

  type StrictStringArray = string[] & { push: (item: string) => number };
  let names: StrictStringArray;
  names = { ...admins }; // 此时会触发类型错误，因为普通对象没有push方法
  

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