Javascript时间构造的诡异

banana_pi 发布于2019-08-23 14:13 / 2085人阅读

摘要：为我们提供了不是很好用的作为时间日期对象，除了接口设计怪异之外，还有一些隐藏很深的，先看接口设计直接返回当前时间字符串，无参数。可接受一个数字参数，该参数表示与年月日点之间的毫秒数。可接受年月日时分秒参数，是本地时间。付出惨痛的代价。

JavaScript为我们提供了不是很好用的Date作为时间日期对象，除了接口设计怪异之外，还有一些隐藏很深的bug，先看接口设计：

Date()直接返回当前时间字符串，无参数。

new Date()则是会根据参数来返回对应的时间对象，参数很有意思:

// 无参数，并返回当前时间。
new Date();
// 可接受一个数字参数，该参数表示与1970年1月1日0点之间的毫秒数。
new Date(value);
// 可接受一个字符串参数，参数形式类似于Date.parse()方法。
new Date(dateString);
// 可接受年月日时分秒参数，是本地时间。
new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);

先且不说这样的接口未免不够灵活（很难处理各种字符串格式的时间），最诡异的一点是其中使用dateString的那个构造方法，MDN网站在这个函数下有下面一段注释：

注意这里用的是strongly discouraged - 强烈不推荐使用，原先的我没有重视这句话，直到。。。付出惨痛的代价。

现象

我的一款每日打卡类的App，因为有大量的时间运算，为了能接受各种时间，我做了一个方便的函数:

date2ymd(input) {
    let day = (input instanceof Date) ? input : new Date(input)
    return `${day.getFullYear()}-${day.getMonth() + 1}-${day.getDate()}`
}

上面的函数在某些input时没有问题，但当参数为类似’2018-10-1’这种格式，按照MDN的文档，就属于强烈不推荐使用的形式，但我没有留意，App发布之后，不错，大部分用户没有反馈问题，直到某天，一个阿根廷的用户给我邮件反馈，说界面上的日历似乎错乱了，我试着更改自己的时区到对应的-3时区，截图一看：

上图中彩色小方块的区域是年视图，本来应该和下面的日历一一对应，但在这个时区下，年视图完全错位了，肯定是哪里计算错误了，经过调试，我找到了上面这个函数，并发现了问题，我们用chrome的console演示一下：

看到了吗？从9号到10号，转换出的时间没有翻天，当然，我们可以为这种转换找到理由，JS应该是把这种参数当成UTC时间了，我们看看firefox：

Firefox的表现可以理解，因为UTC和-3:00时区之间有个时间差，虽然这依然不是我想要的，但比起chrome的跳变要好接受一些，我们把输入时间换一个格式，再看下在chrome下的例子：

这种格式终于符合了正常逻辑，也就是短杠和斜杠分隔的时间处理上是不一致的，斜杠分隔的时间终于正确的按照了本地时间进行处理。

结论

正如MDN所说，不要使用单字符串参数的Date构造函数，即使你知道各种格式之间的区别，也不建议使用，毕竟记忆这些微妙，甚至不兼容的差别毫无意义。

GPU云服务器云服务器加皮肤后的诡异问题 javascript时间 javascript动态时间 javascript系统时间

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100296.html

你是否理解js的Object与Function与原型链

摘要：原型对象是由创建的，因此原型对象的构造函数是构造函数也可以是称为对象，原型对象也就继承了其生父构造函数中的数据，也同时继承了原型对象的数据。当然这条原型链中的数据，会被还是还是这类构造函数继承，但是不会被这些继承，他们不处于同一个链条上。 js中，Function的本质是什么？Object的本质又是什么？js中有几条原型链？ showImg(https://segmentfault.c...

itvincent 2019-08-20 17:51 评论0 收藏0
四个最诡异的 CSS 特性

摘要：作为一个创始人拍脑袋天搞出的语言，中包含了很多在今天看来很多不应该出现在现代语言中的诡异特性。今天我就来聊聊我认为的那些最诡异的特性。和有个很诡异的特性。外边距折叠，或简称边距折叠据说这个诡异的特性最初设计是为简化文章排版的。 JavaScript 作为一个创始人拍脑袋 10 天搞出的语言，JS 中包含了很多在今天看来很多不应该出现在现代语言中的诡异特性。其实，作为 Web 中必不可少...

yunhao 2019-08-29 15:18 评论0 收藏0
一次诡异的关于filter的问题

摘要：接收前台请求封装的时，莫名传到后台就变成了。找了半天，一直以后是前台的问题，一直在翻阅各种代码。后来，请教大佬，大佬一听到刚好少了后，灵光乍现，感觉是拦截器的原因，后来查阅，果不其然。全称跨站脚本攻击，是程序中最常见的漏洞。接收前台post请求封装的versionDescription:eeeeee,时，莫名传到后台就变成versionDeion:eeeeee,了。找了半天，一直...

BlackHole1 2019-08-16 13:51 评论0 收藏0
关于“时间”的一次探索

摘要：示例指定了也就是零时区，显示的时间会加上本地时区的偏移小时。其实就是上面显示时间时使用的形式除了能表示基本信息，还可以表示星期，但是一点也不容易读，不建议使用。原文对 ISO 8601 时间格式中 T 和 Z 的表述有一些错误，我已经对原文进行了一些修订，抱歉给大家造成误解。最近使用 sequelize 过程中发现一个奇怪的问题，将某个时间插入到表中后，通过 sequelize 查...

fuyi501 2019-08-19 17:22 评论0 收藏0