首页 > 其他分享 >第一百一十一篇:基本引用类型Date

第一百一十一篇:基本引用类型Date

时间:2022-12-09 22:22:50浏览次数:45  
标签:12 20 一篇 一百一十 let 2022 Date new

好家伙,本篇为《JS高级程序设计》第五章的学习笔记

 

1.基本引用类型

引用值(或者对象)是某个特定引用类型的实例,在ECMAScript中,引用类型是把数据和功能组织到一起的结构,(像极了“类”)

经常被人错误的称作“类”。

虽然从技术上讲JavaScript是一门面向对象语言,但是ECMAScript缺少传统的面向对象编程语言所具备的某些基本结构,

包括类和接口。引用类型有时候也被称为对象定义,因为他们描述了自己的对象引诱的属性和方法。

对象被认为是某个特定引用类型的实例。新对象通过使用new操作符后跟一个构造函数(constructor)来创建。

构造函数就是用来创建新对象的函数,比如下面这行代码:

let now= new Date();

 

这行代码创建了引用类型Date的一个新实例,并将它保存在变量now中。

Date()在这里就是构造函数,它负责创建一个只有默认属性和方法的简单对象。

ECMAScript提供了很多像 Date 这样的原生引用类型,帮助开发者实现常见的任务。

 

 

2.Date()

看他名字就知道,这肯定是一个跟时间有关的引用类型

使用new操作符来调用Date构造函数:

let date =new Date()

来看看我们的”日期“长什么样:

 

 

 在不给Date()构造函数传参的情况下,创建的对象将保存当前日期和时间。

 

如果我们要基于其它日期和时间创建日期对象,则必须传入其毫秒表示(1970年1月1日24点之后的毫秒数)

 

 

 (我去,还真是)

 

所以我们会有辅助方法:Date.parse()和Date.UTC()

 

2.1.Date.parse()

Date.parse()方法接收一个表示日期的字符申参数,尝试将这个字符串转换为表示该日期的意数。

 

所有实 现都必须支持下列日期格式:

口“月/日/年”,如*5/23/2019*;

口“月名日,年”,如“May 23,2019";

口“周几月名日年时:分:秒时区”,如*Tue May 23 2019 00:00:00 GMT—0700";

ISO 8601扩展格式“YYYY-MM-DDTHH:mm:ss.sssZ”,如2019-05-23T00:00:00(只适用于 兼容ES5的实现)。

 

 

如果传给Date.parse()的字符串并不表示日期,则该方法会返回NaN。

如果直接把表示日期的字符串传给Date 构造函数,那么Date会在后台调用Date.parse()。

换句话说,下面两行代码代码跟前面那行代码是等价的:

let today = new Date(Date.parse("December 9,2022"));

let tomorrow = new Date("December 9,2022");

看图

 

 

 

 

2.2.Date.UTC()

Date.UTC()方法也返回日期的毫秒表示,但使用的是跟Date.parse()不同的信息来生成这个值。

传给Date.UTC()的参数是年、零起点月数(1月是0,2月是1,以此类推)、日(1~31)、时(0~23)、分、秒和毫秒。

这些参数中,只有前两个(年和月)是必需的。如果不提供日,那么默认为1日。

其他参数的默认值都是0。例子如下:

//GTM时间2022年1月1日零点
let today = new Date(Date.UTC(2022,0));

//GMT时间2022年12月9日,20点20分20秒 
//注意月是要减一输入的
let tomorrow = new Date(Date.UTC(2022,11,9,12,20,20));

console.log(today);
console.log(tomorrow);

 

 

 

 (发现了一些和书里面不同的地方,比如输入的小时,会给你从早上八点开始加,如输入12,输出的就是 20:00 )

 

与Date.parse()一样,Date.UTC()也会被Date构造函数隐式调用,但有一个区别:

这种情况下创建的是本地日期,不是GMT日期。不过Date 构造函数跟 Date.UTC()接收的参数是一样的。

因此,如果第一个参数是数值,则构造函数假设它是日期中的年,第二个参数就是月,以此类推

//本地时间2022年12月9日,12点20分20秒
let today = new Date(2022, 11, 9, 12, 20, 20);
//GMT时间2022年12月9日,20点20分20秒 let tomorrow = new Date(Date.UTC(2022, 11, 9, 12, 20, 20));

 

 

 

 

 

2.3.时间的加减法

 我们可以对时间进行加减操作

//GTM时间2022年12月9日,20点20分10秒 
let today = new Date(Date.UTC(2022,11,9,12,20,10));
//GMT时间2022年12月9日,20点20分20秒 
let tomorrow = new Date(Date.UTC(2022,11,9,12,20,20));

let now = tomorrow -today;

console.log(now);

 

 

 

亦或是去看看一个函数的执行时间

function dosth() {}

let start = new Date();

dosth();

let now =new Date();

result = now -start;

(ennn,也不完全能看到)

 

 

 

 

3.继承的方法

与其他类型一样,Date类型重写了 toLocalestring()、tostring()和valueof()方法。但与

其他类型不同,重写后这些方法的返回值不一样。Date类型的toLocalestring()方法返回与浏览器运行的本地环境一致的日期和时间。

这通常意味着格式中包含针对时间的AM(上午)或PM(下午),但不包含时区信息(具体格式可能因浏览器而不同)。

tostring()方法通常返回带时区信息的日期和时间,而时间也是以24小时制(0~23)表示的。

 

Date类型的valueOf()方法根本不返回字符串,这个方法被重写后返回的是日期的毫秒表示,

因此,操作符(如大小于号)可以直接使用它返回的值,举个例子:

let today = new Date(2022, 11, 9, 12, 20, 20);
let tomorrow = new Date(2022, 11, 9, 12, 20, 21);

console.log(today.valueOf())

console.log(today>tomorrow);
console.log(today<tomorrow);

 

 

 

 

That's all

 

标签:12,20,一篇,一百一十,let,2022,Date,new
From: https://www.cnblogs.com/FatTiger4399/p/16969981.html

相关文章

  • Java重点 | Date类
    Date类java.util.Date:表示日期和时间的类,Date表示特定的瞬间,精确到毫秒。毫秒值的概念与作用毫秒:千分之一秒,1000毫秒=1。秒特定的瞬间:一个时间点,一刹那时间例如......
  • 来自腾讯设计师的一篇不错的文章
    《服务设计思维》​​​https://mp.weixin.qq.com/s/D1azaUEbpWNblbjjT-Lftw​​​其中关于重要概念的图:http://www.woshipm.com/pd/375766.html《顾客旅程地图》服务......
  • 7. 内置对象Date
    内置对象:DateDate对象在实际开发中,使用得很频繁,且容易在细节地方出错,需要引起重视。内置对象Date用来处理日期和时间。需要注意的是:与Math对象不同,Date对象是一......
  • Winform自动更新之AutoUpdater.NET
     AutoUpdater.NET(https://github.com/ravibpatel/AutoUpdater.NET)的原理大致是从服务器上(IIS站点)下载包含更新信息的XML文件,通过下载的XML文件获取Winform等桌面......
  • ON DUPLICATE KEY UPDATE 导致mysql自增主键ID跳跃增长
    一.问题点:1.如果mysql表只是设置了联合主键且不包含自增的id,则使用ONDUPLICATEKEYUPDATE不会有问题2.如果mysql表设置了自增主键id,则使用ONDUPLICATEKEYUP......
  • You may have an infinite update loop in a component render function.报错解决办法
    报错本例在computed中进行修改data里的数据时发生的错误Youmayhaveaninfiniteupdateloopinacomponentrenderfunction.原因data中的数据一直处于监听状态,因......
  • OC之【NSDate使用】
    #import<Foundation/Foundation.h>日期创建void//date方法返回的就是当前时间(now)NSDate*date=[NSDatedate];//now:21:09:40//date:21:09:50......
  • python datetime 时区陷阱
    datetime时区陷阱目录datetime时区陷阱问题答案分析经过(可忽略)情况一:不设置时区情况二:设置时区(以北京时间为例)1)使用datetime函数的tzinfo参数2)时区本地化回归问题......
  • DateTimeFormatter日期格式化
    DateTimeFormatter日期格式化​​DateTimeFormatter​​​​工具类​​DateTimeFormatter使用旧的Date对象时,我们用SimpleDateFormat进行格式化显示。使用新的LocalDateTime......
  • layui时间控件 laydate 重置失效
    layui时间控件laydate重置失效​​问题描述​​​​页面代码​​​​问题处理​​问题描述layui日期控件laydate引入页面后,页面开始时间小于结束时间,结束时间最大为当前时......