在开发 Web 前端应用程序时，我们经常需要将 JavaScript 对象序列化为 JSON 格式的字符串。通常情况下，JavaScript 的 Date 类型都会被序列化为 ISO 8601 格式的字符串，其中包含了日期和时间的信息，但是时区信息却被截断了。这就意味着，在反序列化后，日期时间可能会与原来不同，特别是当涉及到不同时区的计算时。
但是，我们可以通过自定义 Date 对象的 toJSON 方法来解决这个问题，从而在序列化过程中包含时区信息。
Date.toJSON 方法
Date 类型有一个 toJSON 方法，当对象被序列化时会调用该方法。默认情况下，toJSON 方法返回一个 ISO 8601 格式的日期字符串，如 "2023-04-07T09:58:23.123Z"，其中 Z 表示 UTC 时间。但是，我们可以重写 toJSON 方法来自定义序列化行为。
-- -------------------- ---- -------
----- ---- - --- -------
----- ---- - -------------------- ----- ------ -- -
-- ------ ---------- ----- -
------ -
------ -------
------ --------------------
--------------- -------------------------
--
-
------ ------
---
------------------上面的代码中，我们创建了一个新的 Date 对象，并将其序列化为 JSON 字符串。我们传递了一个 replacer 函数作为第二个参数，该函数在序列化时将被调用。如果 value 是 Date 类型，我们就返回一个包含了 _type、value 和 timezoneOffset 属性的对象，其中 _type 表示这个对象是一个日期类型，value 表示日期时间的字符串表示形式，timezoneOffset 表示这个日期对象的本地时区偏移量（分钟数）。
现在，我们可以使用以下代码解析并重建 Date 对象：
const parsed = JSON.parse(json, (key, value) => {
if (typeof value === 'object' && value !== null && value._type === 'date') {
return new Date(value.value);
}
return value;
});
console.log(parsed);在上面的代码中，我们使用 JSON.parse 方法解析 JSON 字符串并传递了一个 reviver 函数。当对象被解析时，reviver 函数将被调用。如果 value 是一个带有 _type 属性的对象，我们就创建一个新的 Date 对象并返回。否则，我们返回原始值。
通过这种方式，我们可以在序列化和反序列化过程中保留日期时间的时区信息。
指导意义
使用自定义的 toJSON 方法可以让我们更好地控制对象的序列化行为，并且可以避免一些由于默认行为引起的问题。例如，在序列化时保留日期时间的时区信息可以避免一些常见的错误，特别是在涉及到不同时区的计算时。
但是，我们需要注意 toJSON 方法的副作用。如果 toJSON 方法被多次调用或者被其他库使用，可能会导致不可预期的行为。因此，在重写 toJSON 方法之前，请务必考虑好你的应用场景和需求。
总结
在 JavaScript 中使用 JSON.stringify 序列化日期并保留时区信息可以通过自定义 Date 的 toJSON 方法实现。我们可以在 toJSON 方法中返回一个包含了时区信息的对象，然后在反序列化时重新创建 Date 对象。这种方法可以避免一些由于默认行为引起的问题，并且可以更好地控制对象的序列化行为。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30027