JSON.parse()的异常怎么处理；

### JSON.parse 的用法及其在前端中的常见问题 #### 1. JSON.parse 的基本功能 `JSON.parse()` 方法用于将一个有效的 JSON 字符串解析为对应的 JavaScript 对象。此方法要求输入的字符串严格遵循 JSON 格式的语法规则[^1]。 ```javascript const jsonString = '{"name": "Alice", "age": 25}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // 输出 Alice ``` 需要注意的是，如果提供的字符串不符合 JSON 规范，则会抛出语法错误异常[^2]。 --- #### 2. JSON.parse 的注意事项 - **逗号结尾问题**: 如果 JSON 字符串中存在多余的逗号（如数组或对象的最后一项），这会被视为非法格式并引发 `SyntaxError` 错误。 ```javascript try { const invalidJson = '[1, 2,]'; JSON.parse(invalidJson); // 抛出 SyntaxError } catch (error) { console.error(error.message); // Unexpected token ] } ``` - **转义字符的要求**: 特殊字符（如双引号 `"`, 反斜杠 `\` 等）需要被正确转义才能通过解析[^3]。 ```javascript const escapedJson = '{"message": "Hello \\\"World\\\""}'; const result = JSON.parse(escapedJson); console.log(result.message); // Hello "World" ``` --- #### 3. 解决 JSON.parse 常见问题的方法 当尝试使用 `JSON.parse()` 处理来自服务器或其他来源的数据时，可能会遇到一些典型问题： - **非标准 JSON 输入**: 来自某些 API 或第三方系统的数据可能并非严格的 JSON 格式（例如单引号代替双引号）。这种情况下可以通过预处理将其标准化后再执行解析操作[^4]。 ```javascript function sanitizeAndParse(input) { let sanitizedInput = input.replace(/'/g, '"'); return JSON.parse(sanitizedInput); } const nonStandardJson = "{ 'key': 'value' }"; const parsedObject = sanitizeAndParse(nonStandardJson); console.log(parsedObject.key); // value ``` - **跨域请求的安全隐患**: 当从前端直接接收外部资源并通过 `JSON.parse()` 进行解码时，应确保源可信度以及采取适当措施防止恶意脚本注入攻击[^3]。 --- #### 4. 实际应用场景举例 以下是几个实际应用案例展示如何利用 `JSON.parse()` 完成特定任务: ##### 场景一：本地存储读取 假设应用程序保存了一些配置到浏览器 localStorage 中，在恢复这些设置之前需要用该函数还原它们的状态。 ```javascript localStorage.setItem('settings', '{"theme":"dark","notificationsEnabled":true}'); let settings = JSON.parse(localStorage.getItem('settings')); if (!settings.notificationsEnabled) alert("Notifications are off!"); ``` ##### 场景二：API 调用响应分析 接收到远程 RESTful 接口返回的结果后立即转换以便进一步逻辑运算。 ```javascript fetch('/api/data') .then(response => response.text()) .then(textData => JSON.parse(textData)) .then(data => console.table(data)); ``` ---