new Date() 引发的思考，UTC？GMT？

作者： gauseen
原文： https://github.com/gauseen/blog

new Date()

获取当前日期相信大家都知道，如下：

// 如果没有输入任何参数，则 Date 的构造器会依据系统设置的当前时间来创建一个 Date 对象
new Date()

Thu Apr 16 2020 13:55:25 GMT+0800 (中国标准时间)

是否注意到 GMT+0800 标识是什么意思？又是如何计算的呢？

GMT 和 UTC 概念

格林尼治平均时间（GMT）

格林尼治平均时间（英语：Greenwich Mean Time，GMT）是指位于英国伦敦郊区的皇家格林尼治天文台当地的平太阳时

格林尼治标准时间的正午是指当平太阳横穿格林尼治子午线时（也就是在格林尼治上空最高点时）的时间。由于地球每天的自转是有些不规则的，而且正在缓慢减速，因此格林尼治平时基于天文观测本身的缺陷，已经被原子钟报时的协调世界时（UTC）所取代

自 1924 年 2 月 5 日开始，格林尼治天文台负责每隔一小时向全世界发放调时信息

协调世界时（UTC）

协调世界时（英语：Coordinated Universal Time，法语：Temps Universel Coordonné，简称 UTC）又被称为：又称世界统一时间、世界标准时间，它是最主要的世界时间标准，其以原子时秒长为基础，在时刻上尽量接近于格林威治标准时间。

UTC、GMT 二者关系

对于大多数用途来说，UTC 与 GMT 时间可以互换，GMT 代表一个时区的当地时间（英国伦敦），UTC 代表时间标准。

时区

英国伦敦为 0 时区，世界各地时间以 0 时区为标准，加减相应的时差来计算本地时区时间。

地球是“自西向东”自转的，东区的时间比西区的时间要早几个小时。

英国伦敦时间分为夏令时和冬令时，英国实行夏令时，与中国相差 7 小时时差；英国实行冬令时，与中国相差 8 小时。

北京时间（中国标准时间）

GMT+0800 代表中国标准时间，就是英国 0 时区（UTC/GMT）加上 8 小时

js new Date() 兼容问题

Chrome 浏览器下演示一个很有意思的现象：

new Date('2020-4-20')
Mon Apr 20 2020 00:00:00 GMT+0800 (中国标准时间)

new Date('2020-04-20')
Mon Apr 20 2020 08:00:00 GMT+0800 (中国标准时间) // 多 8 小时

--------------------------------------------------

new Date('2020/4/20')
Mon Apr 20 2020 00:00:00 GMT+0800 (中国标准时间)

new Date('2020/04/20')
Mon Apr 20 2020 00:00:00 GMT+0800 (中国标准时间)

MDN 中提到，由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 ISO 8601 格式的支持中，仅有日期的串 (例如 "1970-01-01") 会被处理为 UTC 而不是本地时间。

也就是说：

有前导零时 new Date('2020-04-20') 被认为是 UTC（零时区） 时间, 转换成中国标准时间为 Mon Apr 20 2020 08:00:00 GMT+0800 与传入值不同多了 8 小时。
无前导零时 new Date('2020-4-20') 被认为是 本地时间（中国北京为东八区） ，已经是本地时间所以中国标准时间为 Mon Apr 20 2020 00:00:00 GMT+0800 ，与传入值相同没有多时间。

Firefox 浏览器下面都将解析成 UTC（零时区）时间：

new Date('2020-4-20')
Date 2020-04-20T00:00:00.000Z

new Date('2020-04-20')
Date 2020-04-20T00:00:00.000Z

--------------------------------------------------

new Date('2020/4/20')
Date 2020-04-19T16:00:00.000Z // 少 8 小时

new Date('2020/04/20')
Date 2020-04-19T16:00:00.000Z // 少 8 小时

注：通过 date.getHours() 等 api，可以获取到本地时间

2020-04-19T16:00:00.000Z 为 ISO 8601 规范，时间格式为：YYYY-MM-DDTHH:mm:ss.sssZ，

T：一个标识符，将日期和具体时间隔开，标识时间元素的开始
Z：代表时区偏移量，Z 表示 UTC（零时区）时间

解决兼容问题

'2020-4-20' 格式在各个浏览器都有不同的解析方式，所以可以转换成 '2020/4/20' 格式来解决解析不一致问题，如下：

function getDate (dateStr) {
  dateStr = dateStr.replace(/-/g, '/')
  return new Date(dateStr)
}

欢迎关注无广告文章公众号：学前端