JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，以易于阅读和编写的方式呈现结构化数据。在前端开发中，使用JSON进行数据传输和存储非常常见。浏览器原生支持JSON解析和序列化，即“窗口JSON”，可以提高代码性能并简化开发。
JSON.parse()方法
JSON.parse()方法将JSON字符串转换为JavaScript对象。该方法接受一个JSON字符串作为参数，并返回相应的JavaScript对象。
const jsonString = '{"name": "John", "age": 30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // 输出 "John"在上面的示例中，我们首先定义了一个JSON字符串，然后将其通过JSON.parse()转换为JavaScript对象，并打印出其中的name属性。
需要注意的是，如果JSON字符串不合法，例如缺少引号或逗号，JSON.parse()会抛出异常。因此，在使用该方法时，最好加上错误处理逻辑。
JSON.stringify()方法
JSON.stringify()方法将JavaScript对象转换为JSON字符串。该方法接受一个JavaScript对象作为参数，并返回相应的JSON字符串。
const obj = {name: "John", age: 30};
const jsonString = JSON.stringify(obj);
console.log(jsonString); // 输出 '{"name": "John", "age": 30}'在上面的示例中，我们首先定义了一个JavaScript对象，然后将其通过JSON.stringify()转换为JSON字符串，并打印出结果。
需要注意的是，一些JavaScript对象属性在转换为JSON字符串时会被忽略。例如函数、undefined、symbol类型的值以及包含循环引用的对象。
JSON与AJAX
在AJAX（Asynchronous JavaScript and XML）中，我们通常使用JSON作为数据格式进行交互。以下是一个使用XMLHttpRequest对象发送AJAX请求并解析JSON响应的示例：
-- -------------------- ---- -------
----- --- - --- -----------------
--------------- ---------------------------------
---------- - ---------- -
-- ----------- --- ---- - -- ----
----- ---- - ----------------------------- -- --------
------------------
- ---- - -- ----
--------------------- - ------------
-
--
-----------在上面的示例中，我们首先创建了一个XMLHttpRequest对象，并设置请求URL和回调函数。当请求成功时，我们通过JSON.parse()方法将响应文本转换为JavaScript对象，并打印出结果。
总结
浏览器原生JSON支持提供了方便的解析和序列化JSON数据的方法，可以大大简化前端开发中的数据处理工作。在使用JSON.parse()和JSON.stringify()方法时，需要注意传入参数的正确性，并确保加入相应的错误处理逻辑。通过以上示例代码，您可以更好地理解浏览器原生JSON支持的使用方法，从而提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11269
