js中Date的构造函数解读
javascript中的内置对象是我们经常会⽤到的,那么今天我们就来说说Date的四种构造⽅法吧
⼀、new Date()
这是我们最常使⽤也最熟悉不过的Date对象的构造⽅法了,通过⽆参数的构造函数我们可以默认获取到⼀个代表实例化时的Date对象
var now = new Date();
console.log(now) //Thu Sep 19 2019 16:13:08 GMT+0800 (中国标准时间)
⼆、new Date(value)
这个构造⽅法的参数是⼀个Number型,表⽰⾃1970年1⽉1⽇00:00:00 UTC(the Unix epoch)以来的毫秒数,忽略了闰秒。这个⽅法中可以⽤整型,也可以⽤浮点型,不过浮点型后⾯的⼩数点后的尾数⼀般会被忽略就是了。虽然在node环境(v10.15.3)下参数的确是从00:00:00时分开始计数,但是,通过实测发现在部分浏览器环境(在Edge,Chrome下如此)下参数是却从08:00:00开始计数,如下代码所⽰:
//浏览器
var time1 = new Date(1000);
var time2 = new Date(2000.2);
var time3 = new Date(2000.8);
console.log(time1); //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
console.log(time2); //Thu Jan 01 1970 08:00:02 GMT+0800 (中国标准时间)
console.Milliseconds()); //0
//node
var time4 = new Date(1000);
console.log(time4); //1970-01-01T00:00:00.001Z
原因分析:node中是严格遵守UTC时间标准的,所以是严格的1970年1⽉1⽇00:00:00 UTC(the Unix epoch);⽽在浏览器中⼀般是以本地时间为准,例如:在中国是以北京时间为基准的,⽽北京在东⼋区,所以会⽐标准的格林尼治时间要多8个⼩时,将电脑时区设置成太平洋时区后测试
//改成太平洋时间后
var time5 = new Date(1000);
console.log(time5); //Wed Dec 31 1969 16:00:01 GMT-0800 (Pacific Standard Time)
看到太平洋时间发现时间被“减了”,就会想到参数为负数的时候,是不是也会从这个基准时间开始减,如下:
//北京时间下
var time6 = new Date(-1000);
console.log(time6); //Thu Jan 01 1970 07:59:59 GMT+0800 (China Standard Time)
三、new Date(dateString)
这个构造函数应该是最有⽤和最会出现⼀些问题的了。参数dateString,顾名思义,是⼀个String型的格式化date字符串。该字符串应该能被Date.parse()⽅法正确识别,即符合IETF-compliant RFC 2822 timestamps或version of IOS8601。那这个构造函数到底能解析哪些格式化字符串?⼜不能解析哪些字符串呢?
注:因为该构造函数在不同浏览器以及不同node版本之间有差异,故不推荐⼤家使⽤,同理也不推荐使⽤Date.parse,⼤家可以使⽤⾃⼰定义的⼯具函数把字符串转成date哦!var time1 = new Date('2019/9/9');
var time2 = new Date('2019/09/09');
var time3 = new Date('2019-9-9');
var time4 = new Date('2019-09-09');
var time5 = new Date('2019 9 9');
var time6 = new Date('2019/9/9 12:20:05');
var time7 = new Date('2019-9-9 12:70:100');
var time8 = new Date('2019 9 9 14 0 1');
var time9 = new Date('2019/09/09 -12:20:13');
var time10 =new Date("February 3,2009 12:30:15");
console.log(time1); //Mon Sep 09 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time2); //Mon Sep 09 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time3); //Mon Sep 09 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time4); //Mon Sep 09 2019 08:00:00 GMT+0800 (中国标准时间)
console.log(time5); //Mon Sep 09 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time6); //Mon Sep 09 2019 12:20:05 GMT+0800 (中国标准时间)
字符串函数注册登录console.log(time7); //Invalid Date
console.log(time8); //Invalid Date
console.log(time9); //Invalid Date
console.log(time10); Tue Feb 03 2009 12:30:15 GMT+0800 (中国标准时间)
⼀般情况下,建议使⽤yyyy/MM/dd hh:mm:ss格式,其他格式可能会出现意想不到的错误
四、new Date(year,monthIndex[,day[,hours[,minutes[,seconds[,milliseconds]]]]]
这个构造通过多个函数,指定年⽉⽇时分秒来构造⽇期对象。此⽅法参数⾄少为两个,表⽰年⽉,可选参数5个,因为参数只有1个的话,是number型会使⽤第⼆种构造⽅法,是string型会使⽤第三种构造⽅法。此⽅法的参数类型可以是整数,浮点数(浮点会被转化为整型),或是字符串(字符串会被转化为Number型),也可以是正数、负数(但是,注意不能超过⽇期所能表⽰的最⼤范围 -100,000,000 天⾄ 100,000,000 天)。当参数只有2个的时候,除了day默认为1,其余参数默认为0(此时不受时区的影响)。另外,参数2的⽉份需要加1,因为它对应的是0-11(同getMonth()和setMonth())
var time1 = new Date(2019,2);
var time2 = new Date(2019.3,'5');
var time3 = new Date(2019,4,-3);
var time4 = new Date(2019,5,10,13,70,100,50);
console.log(time1); //Fri Mar 01 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time2); //Sat Jun 01 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time3); //Sat Apr 27 2019 00:00:00 GMT+0800 (中国标准时间)
console.log(time4); //Mon Jun 10 2019 14:11:40 GMT+0800 (中国标准时间)
同之前的原因,在node环境下,时间会出现偏移,在原有”标准时间“下要减去时区的时间差,例如,北京时间为东⼋区,在浏览器中基本保持与传参⼀致,但是在node环境下会”减去”这⼋⼩时的时间差,相反,西⼋区会加上这⼋⼩时的时间差。
最后,再说⼀点,就是Date对象作为参数构造Date在某些情况下也是可以的,这个时候,参数先被解析成字符串,然后通过第⼆种构造⽅法执⾏
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论