MEAN栈开发中操作sessionStorage变量减1时遇TS2362/TS2345错误求助

嘿，我来帮你搞定这两个TypeScript错误！咱们先拆解一下问题出在哪：

错误原因分析 #

• error TS2362：sessionStorage.getItem("overNumber")返回的类型是string | null，你直接对这个值做overNumber - 1的算术运算，TypeScript不允许对字符串或null执行减法操作，所以抛出这个错误。
• error TS2345：parseInt的参数要求是string类型，但overNumber - 1的结果是number类型（就算overNumber是有效的数字字符串），把number传给parseInt自然会出现类型不匹配的问题。

修复方案 #

正确的逻辑应该是先把sessionStorage里的字符串转换为数字，再执行减法操作，同时还要处理sessionStorage.getItem返回null的边界情况（比如存储里没有这个键的时候）。

这里有两种靠谱的写法：

写法1：显式处理null和转换

// 先获取存储的字符串值
const overNumberStr = sessionStorage.getItem("overNumber");
// 转换为数字：如果有值就转成整数，否则设为默认值0（你可以根据需求改默认值）
const overNumber = overNumberStr ? parseInt(overNumberStr, 10) : 0;
// 执行减法得到最终结果
const liactive = overNumber - 1;

写法2：更简洁的转换方式

如果你不需要严格的整数转换（或者接受自动类型转换），可以用Number()或者+操作符来简化：

// 转换为数字，空值或非数字字符串会转为NaN，用||设默认值0
const overNumber = Number(sessionStorage.getItem("overNumber")) || 0;
const liactive = overNumber - 1;

为什么这样能解决问题？ #

1. 先完成字符串到数字的转换，确保算术运算的操作数是number类型，直接解决TS2362错误。
2. 直接对转换后的数字做减法，不需要再传给parseInt，避免了类型不匹配的问题，解决TS2345错误。
3. 处理了null的边界情况，避免运行时出现NaN或者意外报错。

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