TypeScript报错‘Data is possibly null’，添加校验仍无法解决怎么办？

问题原因 #

你代码里的data?.hasOwnProperty使用了可选链操作符，虽然前面已经做了data != null的空值校验，但可选链的存在会让TypeScript无法正确完成类型收窄，导致后续访问data.term_id时依然判定data可能为null。

修复方案 #

方案1：移除可选链操作符 #

既然已经通过data != null确保data不为null/undefined，直接调用hasOwnProperty即可，TypeScript能正确识别此时data的非空状态：

if (data != null && data.hasOwnProperty("term_id")) {
    return data.term_id;
}

方案2：使用非空断言 #

如果能确定该分支下data必然非空，可以在访问term_id时添加非空断言操作符!，强制告知TypeScript此处data不存在null/undefined的情况：

if (data != null && data?.hasOwnProperty("term_id")) {
    return data!.term_id;
}

注意：非空断言需要基于明确的业务逻辑，否则可能引发运行时错误。

方案3：自定义类型守卫（更严谨） #

针对数据结构定义接口，配合自定义类型守卫实现更精准的类型判断，适合复杂场景：

interface TermData {
    term_id: number | string;
}

function isTermData(data: unknown): data is TermData {
    return typeof data === 'object' && data !== null && 'term_id' in data;
}

// 使用示例
if (isTermData(data)) {
    return data.term_id;
}

内容的提问来源于stack exchange，提问作者Mr.Vibe