JS 如何安全地解析 JSON 避免报错？

Question

仓乃文 · Accepted Answer

JSON.parse 遇到非法 JSON 字符串会抛出异常导致程序崩溃。封装安全的解析函数，在解析失败时返回默认值，是处理外部数据的基本功。

安全解析函数：
```javascript
function safeJsonParse(str, defaultValue = null) {
  try {
    return JSON.parse(str);
  } catch {
    return defaultValue;
  }
}

safeJsonParse('{"name":"张三"}');     // { name: "张三" }
safeJsonParse("invalid json");         // null
safeJsonParse("invalid json", {});     // {}
safeJsonParse("invalid json", []);     // []
```

处理 localStorage 中的数据：
```javascript
function getStorage(key, defaultValue = null) {
  const raw = localStorage.getItem(key);
  if (raw === null) return defaultValue;
  return safeJsonParse(raw, defaultValue);
}

getStorage("user", { name: "游客" });
```

补充说明：
- catch 不写参数是 ES2019 语法，兼容性已很好
- 不要用 eval 或 new Function 解析 JSON，有 XSS 风险
- JSON.parse 不支持单引号、注释、尾逗号，这些都是常见非法格式
- 第三方库 json5 支持更宽松的 JSON 格式解析