TypeScript中使用startsWith遇TS(2532/2367)错误如何解决？

错误原因分析 #

你遇到的两个错误本质是两个问题：

1. 类型安全问题：name的类型是string | undefined，可能为undefined，直接调用startsWith方法会触发类型错误。
2. 方法调用错误：startsWith是字符串的方法，不是属性，你错误地用===把它和字符串'test'做比较，两者类型完全不兼容，所以这个判断永远为false。

修正后的代码 #

可以通过两种方式解决：

方式一：先判断name存在，再调用方法

hWriteResult.lowest ? (name && name.startsWith('test') ? hWriteResult.lowest * 2 : hWriteResult.lowest) : hWriteResult.lowest

方式二：使用可选链简化判断（推荐）

hWriteResult.lowest ? (name?.startsWith('test') ? hWriteResult.lowest * 2 : hWriteResult.lowest) : hWriteResult.lowest

说明 #

• 可选链name?.startsWith('test')会先检查name是否为undefined，如果是则返回undefined（在条件判断中等同于false），否则调用startsWith('test')判断字符串是否以'test'开头。
• 把name.startsWith === ('test')改成name.startsWith('test')才是正确调用方法的方式，这样才能得到布尔值用于条件判断。

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