TypeScript中如何判断可空number类型变量是否大于4并解决类型报错

报错原因 #

TypeScript 开启严格空值检查后，会识别到类型为 number | null 的变量可能为空，直接参与数值比较不符合类型安全规则，因此抛出 Object is possibly 'null'. 错误。

可行实现方案 #

• 方案1：显式做空值判断，利用类型缩小特性
  先判断变量非空，此时 TypeScript 会自动将分支内的变量类型收窄为 number，后续比较不会触发类型错误，适合需要单独处理空值分支的场景：

// years 类型为 number | null
if (years !== null && years > 4) {
  // 满足条件的逻辑
}

• 方案2：空值合并运算符设置兜底值
  如果空值场景不需要单独处理，且预期空值不满足「大于4」的判断条件，可以用空值合并运算符 ?? 给空值场景设置一个小于等于4的兜底值（比如0），一行即可完成判断：

if ((years ?? 0) > 4) {
  // 满足条件的逻辑
}

• 方案3：非空断言（仅适用于明确变量不为空的场景）
  如果你能100%确定当前上下文下 years 不可能为 null，可以用非空断言 ! 手动告诉 TypeScript 忽略空值可能性：

if (years! > 4) {
  // 满足条件的逻辑
}

注意：非空断言不会做运行时校验，如果实际运行时变量为null，会出现逻辑错误，非必要不推荐使用。

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