TypeScript中判断可空字符串属性包含关系的报错解决方案咨询

方法1：解构赋值+默认值兜底 #

最简洁的方式是先解构对象，用空字符串兜底所有可空属性，彻底避免undefined传递给方法或函数：

const { propertyA = '', propertyB = '' } = req.object ?? {};
const value = propertyA.includes(propertyB) ? functionA(propertyA) : functionB(propertyB);

• req.object ?? {}：如果req.object是undefined或null，用空对象替代，防止解构报错
• propertyA = '' 和 propertyB = ''：确保两个属性始终是字符串类型，哪怕原本为undefined

方法2：可选链+空值合并运算符（直接在表达式中处理） #

如果不想解构，可以在调用方法时用?? ''把undefined转为空字符串，满足TypeScript的类型校验：

const value = (req.object?.propertyA ?? '').includes(req.object?.propertyB ?? '') 
  ? functionA(req.object?.propertyA ?? '') 
  : functionB(req.object?.propertyB ?? '');

方法3：严格空值校验（适合区分空字符串和undefined的场景） #

如果functionA/functionB不接受空字符串，需要严格校验属性是否存在：

const obj = req.object;
const value = obj?.propertyA && obj?.propertyB && obj.propertyA.includes(obj.propertyB)
  ? functionA(obj.propertyA)
  : functionB(obj?.propertyB ?? ''); // 默认值可根据业务需求调整

• 短路判断obj?.propertyA && obj?.propertyB会先校验两个属性都存在，TypeScript会自动将后续的obj.propertyA类型收窄为非空字符串，无需再用可选链

原代码报错原因 #

1. indexOf写法报错：req.object?.propertyB可能为undefined，而indexOf要求参数是字符串类型，TypeScript检测到类型不匹配，抛出“Object is possibly undefined”；同时如果req.object?.propertyA是undefined，indexOf调用结果也是undefined，undefined >= 0的逻辑虽然运行时为false，但TypeScript会提前拦截类型错误。
2. includes写法报错：核心问题同样是req.object?.propertyB可能为undefined，includes不接受undefined作为参数；另外可选链后的表达式若为undefined，在条件判断中会被视为false，但TypeScript的类型检查会优先报错参数类型问题。

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