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

1. 你在类A中定义isIdZero时添加了可选标记?，哪怕类的实现里已经明确写了该方法，TS的类型系统依然会将其判定为可能不存在的可选成员，默认禁止直接调用可能为undefined的可选方法，这是ts(2722)错误的直接触发原因。
2. TypeScript是结构类型系统，只要对象的结构和类型定义匹配就会被判定为类型兼容，但这不代表「符合类型定义的对象字面量等价于类实例」：
   • 你通过new A()创建的实例，会自动携带类定义的isIdZero方法，运行时该方法实际存在，但受可选标记影响，TS类型层面依然会判定它可能不存在。
   • 你用对象字面量声明的b只实现了必填的id属性，没有手动实现isIdZero方法，所以运行时b.isIdZero本身就是undefined，直接调用必然报错。

补充说明：你当前写的类构造函数接收了id参数但没有使用，直接写死了this.id=4，哪怕你传0创建实例，id最终也是4，属于笔误可自行调整。

• 方案1：去掉方法的可选标记，强制所有符合A类型的对象必须实现该方法
  把类定义里的isIdZero?():boolean修改为isIdZero():boolean，后续如果用对象字面量声明A类型的变量，TS会强制要求你实现isIdZero方法，不会出现调用时不存在的问题。
• 方案2：调用可选方法前做存在性校验
  保留方法的可选标记，调用时用可选链操作符避免报错：

  alert(b.isIdZero?.())
  

  也可以提前判断方法存在后再调用：

  if (typeof b.isIdZero === 'function') {
    alert(b.isIdZero())
  }
  

• 方案3：优先用new关键字创建类实例，不要用对象字面量模拟类实例
  类实例会自动携带类定义的所有方法，不需要手动逐个实现，是最符合类设计预期的使用方式：

  let b: A = new A(9)
  alert(b.isIdZero?.()) // 加上可选链就不会触发类型错误
  

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