在前端开发中，我们常常需要处理 JSON 格式的数据，使用 JSON.parse() 方法将字符串转换成对象是一个非常常见的操作。然而，在实际开发过程中，我们可能会遇到一些意外情况：JSON.parse() 方法抛出了语法错误异常，提示非法的 JSON 格式。本文将详细介绍这种情况，并提供解决方案。
问题描述
当我们使用 JSON.parse() 方法解析 JSON 字符串时，如果字符串不符合 JSON 格式要求，就会抛出语法错误异常。例如下面这个例子中，JSON 字符串末尾缺失了引号，因此会抛出异常：
----- ------- - -- ------- ------- ------ -- --- ----- --- - -------------------- -- ------------ ---------- ----- - -- ---- -- -------- --
在错误信息中，我们可以看到异常的位置是在字母 "a" 上，也就是在 "Alice" 的逗号后面。这是因为缺少引号导致 "Alice" 被解析为了一个未定义的变量名，从而导致语法错误。
然而，在有些情况下，错误信息并不能准确指示异常位置，甚至提示错误的位置与代码完全不符。例如下面这个例子：
----- ------- - --------- ------------- ----- --- - -------------------- -- ------------ ---------- ----- - -- ---- -- -------- --
在这个例子中，我们将一个字符串 {"name": "Alice"} 和字符串 "Bob" 直接拼接起来，形成了一个非法的 JSON 字符串。然而，当我们运行代码时，错误信息提示异常位置在字母 "B" 上，而不是在字符串拼接处的位置。这是因为 JavaScript 引擎在解析 JSON 字符串时，会自动忽略字符串外的空白字符（包括空格、换行等），因此错误位置被向后移动了。
解决方案
为了避免这种问题，我们可以使用 try-catch 语句来捕获 JSON.parse() 方法抛出的异常，并根据异常信息来判断 JSON 字符串是否合法。例如下面这个例子：
-------- ------------------ -
--- -
------ --------------------
- ----- --- -
-- -- ---------- ------------ -
----- ----- - ------------------- -------- --------
-- ------- -
----- --- - -------------------
----- ------ - -------- ---- ------ -- -------- ------- --------------------- ------
----- --- --------------
-
-
----- --
-
-
----- ------- - --------- -------------
----- --- - ------------------- -- ------ ------- ---- ------ -- -------- --- ---在上面的例子中，我们定义了一个新的函数 parseJSON()，用于封装 JSON.parse() 方法。当 JSON.parse() 方法抛出异常时，我们首先判断是否为语法错误异常，如果是，则从异常信息中取出异常位置，然后使用 substr() 方法截取出 JSON 字符串中异常位置前后的 10 个字符，返回一个自定义的错误消息。否则，直接将异常抛出。
结论
在处理 JSON 格式数据时，我们需要格外小心不合法的 JSON 字符串可能会导致 JSON.parse() 方法产生意料之外的行为。通过捕获异常并解析异常信息，我们可以更准确地定位和描述非法 JSON 字符串的位置和内容。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10566