TypeScript strict模式下string|undefined赋值报错如何解决？

错误根因 #

该错误的本质是TypeScript类型系统推导得到oldOfferDefinition.id的类型为string | undefined，而client.offer方法要求入参为string类型，二者不匹配。你当前使用的非空断言!仅作用于oldOfferDefinition本身，仅声明了oldOfferDefinition不为空，未对其id属性做非空声明。

可行解决方案 #

• 方案1：添加id属性的非空断言（最简便，适合100%确认运行时id必然存在的场景）
  直接对id属性添加非空断言，告诉TypeScript编译器该属性一定不为undefined，修改后代码如下：

  const offer = client.offer(oldOfferDefinition!.id!);
  await offer.replace(newOfferDefinition);
  

• 方案2：增加运行时非空校验（更稳妥，避免后续业务逻辑变动引发运行时问题）
  先判断id是否存在，不存在时提前抛出异常或做其他处理，经过判断后的id会被TypeScript自动推导为非空的string类型，无需额外断言：

  if (oldOfferDefinition?.id == null) {
    throw new Error('缺少合法的offer id参数')
  }
  const offer = client.offer(oldOfferDefinition.id);
  await offer.replace(newOfferDefinition);
  

• 方案3：调整oldOfferDefinition的类型定义
  如果你能控制该变量的类型定义，且业务逻辑上oldOfferDefinition的id属性永远为必填的合法字符串，可以直接将类型定义中id字段的类型从string | undefined改为string，或者把可选属性id?: string改为必填属性id: string，从类型层面彻底解决问题。

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