TypeScript中Try/Catch块编译报错的最优解决办法

你遇到的两个报错分别是TS2345（localStorage.getItem返回string | null，无法直接传入要求string类型的JSON.parse）和TS2531（TS无法推断JSON解析后的对象一定存在exp属性，认为访问可能为空）。以下是几种符合你要求的最优方案，不需要逐行加//@ts-ignore，也不需要关闭严格模式：

方案1：单变量类型放宽（最便捷） #

直接将你要操作的变量声明为any类型，该变量后续所有操作都会跳过类型检查，影响范围仅局限于当前变量，可控性高：

try {
    // 声明为any跳过后续所有类型检查
    let data: any = localStorage.getItem('something');
    data = JSON.parse(data);
    data.exp = new Date(data.exp * 1000);
    return data;
} catch {
    return null;
}

方案2：显式类型断言（可控性更高） #

如果你不想完全放弃类型检查，只是要解决明确的两处类型不匹配，可以针对性加类型断言，其他代码依然会保留类型校验：

try {
    const rawData = localStorage.getItem('something');
    // 断言rawData一定是string，解决TS2345
    // 同时指定解析后的数据结构，解决TS2531
    const data = JSON.parse(rawData as string) as { exp: number };
    data.exp = new Date(data.exp * 1000);
    return data;
} catch {
    return null;
}

如果结构不固定，也可以断言为Record<string, any>，仅放宽结构检查，基础类型校验依然保留。

方案说明 #

• 以上方案都不需要修改全局TS配置，仅影响当前代码块范围，不会导致其他位置的类型检查失效
• 不建议使用逐行//@ts-ignore，容易遗漏其他非预期的类型错误，也会让代码可读性变差
• 如果你需要更高的类型安全性，可以在try块内补充类型判断逻辑，catch块依然可以兜底未预判的异常情况

内容的提问来源于stack exchange，提问作者Jax-p