在前端开发中，我们经常需要处理 JavaScript 对象与 JSON 字符串之间的转换。但是当我们要将继承自其他对象的对象转换为 JSON 字符串时，可能会遇到一些问题。本文将介绍如何将继承的对象转换为 JSON 字符串，并提供示例代码。
问题描述
假设我们有一个构造函数 Person 和一个继承于 Person 的子类 Student：
-- -------------------- ---- ------- -------- ------------ ---- - --------- - ----- -------- - ---- - -------- ------------- ---- ------ - ----------------- ----- ----- ---------- - ------ - ----------------- - --------------------------------
现在我们创建了一个 Student 实例：
const student = new Student('Tom', 18, 'A');如果我们尝试将 student 对象转换为 JSON 字符串：
JSON.stringify(student);
我们将得到一个空对象 {}。这是因为继承自 Person 的属性和方法并没有被序列化。
解决方案
我们可以通过重写 toJSON() 方法来解决这个问题。toJSON() 方法是一个对象的方法，用于返回一个表示该对象的 JSON 值。
我们可以在 Student.prototype 中添加一个 toJSON() 方法，该方法会返回一个包含所有继承自 Person.prototype 的属性的对象。这个对象将被序列化为 JSON 字符串。
-- -------------------- ---- -------
------------------------ - ---------- -
----- --- - ---
--- ---- --- -- ----- -
-- -------------------------- -
-------- - ----------
-
-
------ ----
--现在我们再次尝试将 student 对象转换为 JSON 字符串：
JSON.stringify(student);
我们将得到以下结果：
{"name":"Tom","age":18,"grade":"A"}深入学习
指导意义
在处理继承的对象时，如果我们想要将其转换为 JSON 字符串，需要重写 toJSON() 方法。这个方法应该返回一个包含所有继承自父类的属性的对象。这可以确保我们得到正确的 JSON 字符串。
示例代码：
-- -------------------- ---- -------
-------- ------------ ---- -
--------- - -----
-------- - ----
-
-------- ------------- ---- ------ -
----------------- ----- -----
---------- - ------
-
----------------- - --------------------------------
------------------------ - ---------- -
----- --- - ---
--- ---- --- -- ----- -
-- -------------------------- -
-------- - ----------
-
-
------ ----
--
----- ------- - --- -------------- --- -----
----- ---------- - ------------------------
------------------------ -- -----------------------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30512