TypeScript报错ts(2722)：无法调用可能为'undefined'的对象如何解决

TypeScript 的类型收窄能力无法跨普通方法的返回值推导实例属性的状态。isConfigured 方法仅返回普通布尔值，TS 无法将该返回值和 this.bar 是否为 undefined 的状态做关联，因此即使你提前调用了该方法做校验，TS 依然认为 this.bar 存在为 undefined 的可能性，触发 2722 报错。

下面是几种常见的修复方案，按安全性从高到低排序：

• 方案1：去掉方法封装，直接判断实例属性
  把 foo 方法内的校验逻辑改为直接判断 this.bar，TS 可以直接识别分支逻辑下的属性状态，完成类型收窄：

  foo() {
      if(!this.bar) throw new Error("...")
      this.bar() // 无报错
  }
  

• 方案2：修改 isConfigured 为用户自定义类型守卫
  给方法添加类型谓词返回类型，告诉 TS 该方法返回 true 时，当前实例的 bar 属性一定存在：

  isConfigured(): this is { bar: () => void } {
      return !!(this.bar)
  }
  

  原有 foo 方法的校验逻辑不需要改动，TS 会自动识别类型收窄规则。
• 方案3：使用可选链调用
  如果你能接受 bar 为 undefined 时不执行调用，可以直接用可选链语法规避报错：

  this.bar?.()
  

• 方案4：使用非空断言
  如果你100%确定执行到该行时 bar 一定存在，可以用 ! 非空断言强制告诉 TS 忽略 undefined 可能性，该方案属于强制跳过类型校验，不优先推荐：

  this.bar!()
  

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