localStorage.getItem() 返回 null 而非 undefined 或空字符串，参与隐式转换易致静默错误；应显式检查 null、用 ?? 提供默认值、JSON 解析前兜底，并牢记其值恒为字符串。
调用 localStorage.getItem() 读取数据时，若键不存在或值为空字符串，它会返回 null，而不是 undefined 或空字符串。这个看似简单的返回值，一旦参与类型隐式转换（比如直接用于条件判断、字符串拼接、数值运算），极易引发静默错误或非预期行为。
为什么 null 会悄悄“变”成其他类型？
JavaScript 在遇到 null 时，会根据上下文自动执行类型转换：
-
转为布尔值：在
if (localStorage.getItem('theme')) { ... }中，null转为false—— 这本身合理，但容易让人误以为“没取到就是逻辑上该跳过”，而忽略“取到的是字符串 'null'”这种边界情况； -
转为字符串：如
'Theme: ' + localStorage.getItem('theme')，若值不存在，结果是'Theme: null'，而非预期的'Theme: '； -
转为数字：如
localStorage.getItem('count') * 2，null * 2得到0，可能掩盖数据缺失问题。
安全读取的三种推荐写法
避免隐式转换，应显式处理 null：
-
明确检查是否为 null：
const value = localStorage.getItem('token'); if (value !== null) { /* 使用 value */ }； -
提供默认值（推荐）：
const theme = localStorage.getItem('theme') ?? 'light';（使用空值合并操作符??，只在null或undefined时生效）； -
解析 JSON 数据时额外防护：
const data = JSON.parse(localStorage.getItem('config') ?? '{}');，防止JSON.parse(null)抛出SyntaxError。
常见误用场景与修复对比
以下左侧是危险写法，右侧是更健壮的替代：
-
if (localStorage.getItem('debug')) console.log('debug mode');→ 改为if (localStorage.getItem('debug') === 'true')（假设存的是字符串布尔值）； -
document.title = 'App - ' + localStorage.getItem('user');→ 改为document.title = 'App - ' + (localStorage.getItem('user') ?? 'Guest');； -
let count = +localStorage.getItem('visits');→ 改为let count = Number(localStorage.getItem('visits') ?? '0');或直接用parseInt(..., 10)并校验。
顺便提醒：localStorage 的值永远是字符串
localStorage.setItem('age', 25) 实际存储的是字符串 "25"；getItem() 返回的也一定是字符串（或 null）。不要依赖自动类型还原 —— 存什么类型、取出来就自己手动转换什么类型，并始终对 null 做防御性处理。
