TypeScript报错Object is possibly 'undefined'，前置检查仍无效

问题分析 #

你的代码里，虽然用了可选链listStre[i]?.bokFolder?.length做前置检查，但后续直接访问listStre[i].bokFolder.length时，TypeScript无法确认两次访问的bokFolder是同一个且未发生变化——静态类型分析不会假设运行时对象属性的稳定性，因此仍会抛出类型错误。

解决方案 #

将bokFolder提取为单独变量，让TypeScript能跟踪其类型收窄：

// 提取变量，一次性获取bokFolder的引用
const bokFolder = listStre[i]?.bokFolder;
// 合并条件判断，同时检查存在性和长度
if (bokFolder && bokFolder.length > 0) {
  // 此处可安全使用bokFolder，不会触发类型错误
}

或者更紧凑的写法：

const streamer = listStre[i];
if (streamer.bokFolder?.length > 0) {
  // 可选链直接结合长度判断，TS会自动收窄类型
}

原理说明 #

当你把属性值提取到变量后，TypeScript会将该变量的类型锁定在当前作用域内——一旦通过if条件确认变量不为undefined且长度大于0，后续代码中变量的类型会被自动收窄为chrome.bookmarks.BookmarkTreeNode[]，不再触发undefined的类型警告。

内容的提问来源于stack exchange，提问作者Sr.Jose