javascript类型系统——日期Date对象全面了解

前端之家收集整理的这篇文章主要介绍了javascript类型系统——日期Date对象全面了解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_4030@

前面的话


@H
403_0@Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口。Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1970年1月1日0点开始经过的毫秒数来保存日期,它可以表示的时间范围是1970年1月1日0点前后的各1亿天。本文将详细介绍Date对象的用法


@H_403_0@静态方法在介绍Date对象的构造函数之前,先介绍静态方法。因为,Date对象的静态方法与其构造函数有着千丝万缕的联系。使用构造函数创建Date对象的过程,类似于披着外套的静态方法的使用过程


@H_403_0@Date对象总共有三个静态方法,分别是Date.now()、Date.parse()、Date.UTC()。这些方法通过Date()构造函数本身调用,而不是通过Date实例对象


@H_4030@

Date.now()


@H
403_0@ECMAScript5新增了now()方法,该方法返回当前时间距离1970年1月1日0点UTC的毫秒数。该方法不支持传递参数


@H_403_0@[注意]该方法返回的是Number数字类型

@H_403_0@在不支持Date.now()方法的浏览器中,可以用+操作符把Date对象转换成数字,也可以实现类似效果

@H_403_0@该方法常用于分析代码的工作

@H_403_0@

Date.parse()

@H_403_0@该方法用于解析一个日期字符串,参数是一个包含待解析的日期和时间的字符串,返回从1970年1月1日0点到给定日期的毫秒数

@H_403_0@该方法会根据

来解析字符串的格式,除了标准格式外,以下格式也支持。如果字符串无法识别,将返回NaN

1、'月/日/年' 如6/13/2004

2、'月 日,年' 如January 12,2004或Jan 12,2004

3、'星期 月 日 年 时:分:秒 时区' Tue May 25 2004 00:00:00 GMT-0700

[注意]浏览器不支持不表示日期只表示时间的字符串格式

 [注意]在ECMAScript5中,如果使用标准的日期时间字符串格式规则的字符串中,数学前有前置0,则会解析为UTC时间,时间没有前置0,则会解析为本地时间。其他情况一般都会解析为本地时间

Date.UTC()

Date.UTC()同样返回给定日期的毫秒数,但其参数并不是一个字符串,而是分别代表年、月、日、时、分、秒、毫秒的数字参数

Date.UTC(year,month,day,hours,minutes,seconds,ms),year和month参数是固定的,其余参数可选,

@H_403_0@因为该函数有7个形参,所以其length值为7

@H_403_0@方法使用的是UTC时间,而不是本地时间

@H_403_0@构造函数Date()构造函数有多达5种的使用方法

@H_403_0@

【0】Date()

@H_403_0@数可以不带new操作符,像一个函数一样调用。它将忽略所有传入的参数,并返回当前日期和时间的一个字符串表示

@H_403_0@函数没有使用操作符,实际上它不能被称为构造函数

@H_403_0@【1】Date()函数使用new操作符,且不带参数时,将根据当前时间和日期创建一个Date对象

@H_403_0@【2】Date()函数可接受一个数字参数,该参数表示设定时间与1970年1月1日0点之间的毫秒数

@H_403_0@【3】Date()函数可接受一个字符串参数,参数形式类似于Date.parse()方法。但parse()方法返回的是一个数字,而Date()函数返回的是一个对象

console.log(new Date('6/13/2004'));//Sun Jun 13 2004 00:00:00 GMT+0800 (中国标准时间)
console.log(Date.parse('6/13/2004'));//1087056000000
console.log(typeof new Date(6/13/2004));//object
console.log(typeof Date.parse(6/13/2004));//number

@H_403_0@关于标准的日期时间字符串中前置0的处理,也类似于Date.parse()方法,若有前置0,则相当于UTC时间,若没有,则相当于本地时间。其余情况一般都为本地时间

@H_403_0@【4】Date()函数可接受参数形式类似于Date.UTC()方法的参数,但Date.UTC()方法返回是一个毫秒数,且是UTC时间,而Date()函数返回是一个对象,且是本地时间

@H_403_0@[注意]使用参数类似于Date.parse()函数方法时,如果日期对象超出范围,浏览器会自动将日期计算成范围内的值;使用参数类似于Date.UTC()函数方法时,如果日期对象超出范围,浏览器会提示Invalid Date

@H_403_0@

实例方法

@H_403_0@Date对象没有可以直接读写的属性,所有对日期和时间的访问都需要通过方法。Date对象的大多数方法分为两种形式:一种是使用本地时间,一种是使用UTC时间,这些方法在下面一起列出。例如,get[UTC]Day()同时代表getDay()和getUTCDay()

@H_403_0@Date对象一共有46个实例方法,可以分为以下3类:to类、get类、set类

@H_403_0@

【to类】

@H_403_0@to类方法从Date对象返回一个字符串,表示指定的时间

@H_403_0@

toString()

@H_403_0@返回本地时区的日期字符串

@H_403_0@

toUTCString()

@H_403_0@返回UTC时间的日期字符串

@H_403_0@

toISOString()

@H_403_0@返回Date对象的标准的日期时间字符串格式的字符串

@H_403_0@

toTimeString()

@H_403_0@返回Date对象的时间部分的字符串

@H_403_0@

toJSON()

@H_403_0@返回一个符合JSON格式的日期字符串,与toISOString方法的返回结果完全相同

@H_403_0@

toLocaleString()

@H_403_0@toString()方法的本地化转换

@H_403_0@

toLocaleTimeString()

@H_403_0@toTimeString()方法的本地化转换

@H_403_0@

toLocaleDateString()

@H_403_0@toDateString()方法的本地化转换

@H_403_0@

【get类】

@H_403_0@Date对象提供了一系列get类方法,用来获取实例对象某个方面的值

@H_403_0@在介绍get类方法之前,首先要介绍valueOf()方法

@H_403_0@

valueOf()

@H_403_0@返回距离1970年1月1日0点的毫秒数

@H_403_0@因此,可以方便地使用比较运算符来比较日期值

date2);//false console.log(date1 < date2);//true
@H_403_0@

getTime()

@H_403_0@返回距离1970年1月1日0点的毫秒数,同valueOf()

@H_403_0@在ECMAScript5之前,可以使用getTime()方法实现Date.now()

@H_403_0@

getTimezoneOffset()

@H_403_0@返回当前时间与UTC的时区差异,以分钟表示(8*60=480分钟),返回结果考虑到了夏令时因素

@H_403_0@

getYear()

@H_403_0@  返回距离1900年的年数(已过时)

@H_403_0@

get[UTC]FullYear()

@H_403_0@  返回年份(4位数)

@H_403_0@

get[UTC]Month()

@H_403_0@  返回月份(0-11)

@H_403_0@

get[UTC]Date()

@H_403_0@  返回第几天(1-31)

@H_403_0@

get[UTC]Day()

@H_403_0@  返回星期几(0-6)

@H_403_0@

get[UTC]Hours()

@H_403_0@  返回小时值(0-23)

@H_403_0@

get[UTC]Minutes()

@H_403_0@  返回分钟值(0-59)

@H_403_0@

get[UTC]Seconds()

@H_403_0@  返回秒值(0-59)

@H_403_0@

get[UTC]Milliseconds()

@H_403_0@  返回毫秒值(0-999)

@H_403_0@  [注意]通过标准日期时间格式字符串,且有前置0的形式的参数设置,设置的是UTC时间

@H_403_0@

【set类】

@H_403_0@Date对象提供了一系列set类方法,用来设置实例对象的各个方面

@H_403_0@set方法基本与get方法相对应,set方法传入类似于Date.UTC()的参数,返回调整后的日期的内部毫秒数

@H_403_0@[注意]星期只能获取,不能设置

@H_403_0@

setTime()

@H_403_0@使用毫秒的格式,设置一个Date对象的值

@H_403_0@

setYear()

@H_403_0@  设置年份(已过时)

@H_403_0@

set[UTC]FullYear()

@H_403_0@  设置年份(4位数),以及可选的月份值和日期值

@H_403_0@

set[UTC]Month()

@H_403_0@  设置月份(0-11),以及可选的日期值

@H_403_0@

set[UTC]Date()

@H_403_0@  设置第几天(1-31)

@H_403_0@

set[UTC]Hours()

@H_403_0@  设置小时值(0-23),以及可选的分钟值、秒值及毫秒值

@H_403_0@

set[UTC]Minutes()

@H_403_0@  设置分钟值(0-59),以及可选的秒值及毫秒值

@H_403_0@

set[UTC]Seconds()

@H_403_0@  设置秒值(0-59),以及可选的毫秒值

@H_403_0@

set[UTC]Milliseconds()

@H_403_0@  设置毫秒值(0-999)

@H_403_0@以上这篇javascript类型系统——日期Date对象全面了解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章