使用可选链调用sessionStorage.getItem触发TS2532报错如何修复

可选链?.的核心逻辑是短路返回：只要链路中任意一环是null/undefined，整个表达式会立刻终止取值，直接返回undefined。
你的代码里，以下任意一种情况都会让整个判断表达式的值变成undefined：

• 运行环境非浏览器，window不存在
• 浏览器禁用了web存储，sessionStorage不存在
• sessionStorage中没有存储accessToken字段，getItem返回null（这是最常见的触发场景）
  此时你直接拿可能为undefined的结果和0做大小比较，TypeScript就会抛出Object is possibly 'undefined'的错误。可选链只解决了「取值过程不抛运行时错误」的问题，没有处理短路后返回undefined的类型风险。

方案1：空值合并兜底（改动最小） #

在可选链表达式末尾加空值合并运算符??，给所有短路场景兜底为数字0，保证比较运算符两边永远是数字类型即可。

注意：空值合并运算符优先级低于比较运算符，必须给取值逻辑加括号包裹，否则会出现逻辑错误。

if ((window?.sessionStorage?.getItem('accessToken')?.length ?? 0) > 0) {
  this.navigateToApplication();
}

方案2：拆分变量判断（可读性更高） #

先把token取出来存为变量，再做判断，适合后续逻辑还要用到token值的场景：

const accessToken = window?.sessionStorage?.getItem('accessToken');
// 先判断token存在，再判断长度，此时TS可以自动推导length类型为number
if (accessToken && accessToken.length > 0) {
  this.navigateToApplication();
}

如果确定代码100%运行在标准浏览器环境，还可以进一步简化——window和sessionStorage在现代浏览器中是必然存在的全局对象，不需要加可选链防护：

const accessToken = sessionStorage.getItem('accessToken');
if (accessToken?.length) { // 长度大于0时本身就是真值，直接判断即可
  this.navigateToApplication();
}

不要误以为加了可选链就完全消除了undefined风险，可选链只是避免了取值时报错，短路时返回的undefined依然需要手动处理。

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