TypeScript函数返回string或undefined时调用方法无错误提示如何解决

这个问题的核心触发点是TypeScript编译配置中的strictNullChecks选项未开启：

• 当strictNullChecks处于关闭状态时，TypeScript的类型系统会将undefined和null视为所有类型的子类型，允许直接对string | undefined这类联合类型的值调用任意方法，不会触发空值访问的类型错误提示。
• 额外排查点：如果确认strictNullChecks已经开启还是无报错，可检查当前文件后缀是否为.ts/.tsx，是否在tsconfig.json中配置了跳过该文件检查的规则。

基础修复（必做，保障类型安全） #

首先在项目的tsconfig.json中开启strictNullChecks配置：

{
  "compilerOptions": {
    "strictNullChecks": true
    // 也可以直接开启全量严格模式，会自动包含strictNullChecks
    // "strict": true
  }
}

开启后TypeScript会直接对info.slice()抛出类型错误，提示你值可能为undefined。

业务代码适配（选其一即可） #

开启配置后需要进一步调整业务代码适配类型检查，可选方案如下：

• 可选链调用：使用info?.slice()替代原有调用，当info为undefined时会直接返回undefined，符合类型安全要求，返回值类型会自动推导为string | undefined
• 条件判断收窄：先对info做非空判断再调用方法，此时TypeScript会自动将info的类型收窄为string：

  if (info !== undefined) {
    info.slice() // 无类型错误
  }
  

• 非空断言：如果你能100%确认当前执行上下文下info一定为string，可以用info!.slice()跳过类型检查，但该方式存在运行时报错风险，不推荐随意使用。

内容的提问来源于stack exchange，提问作者J-sun