TypeScript赋值报错'0'不可分配给QueryKey类型问题排查

• TypeScript 中逻辑与&&运算的规则是：依次判断左侧操作数的真值，遇到第一个假值就直接返回该假值，所有操作数都为真时才返回最后一个操作数的值。
• 你的赋值表达式geo && geo.lat && geo.lng && ['all-results-cts', params]中，geo.lat、geo.lng是number | null | undefined类型，合法值包含数字0，而0在JavaScript中属于假值。一旦经纬度取值为0，整个表达式就会返回0，而0不属于你定义的QueryKey允许的(ParamType | string)[] | null | undefined类型范围，因此抛出'0' not assignable to type QueryKey的错误。
• 即使你能保证经纬度不会出现0值，TypeScript 也无法自动推断整个表达式的返回值仅落在QueryKey的允许范围内，因为中间的geo.lat、geo.lng的假值可能是0、null这类不属于QueryKey的类型。

最简单且符合类型安全的修复方式是把逻辑与运算替换为显式的非空判断 + 三元表达式，避免将0判定为无效值：

const key: QueryKey = geo?.lat != null && geo?.lng != null 
  ? ['all-results-cts', params] 
  : undefined;

如果你的业务逻辑确实要排除0值的经纬度，可以调整判断逻辑：

const key: QueryKey = geo?.lat && geo?.lng 
  ? ['all-results-cts', params] 
  : undefined;

这种写法下整个表达式的返回值只有数组和undefined两种可能，完全匹配QueryKey的类型定义，不会触发类型错误。

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