JavaScript之Date对象及其用法的详细介绍

学到这里有些人有点不懂了，什么叫对象？

其实对象就是类的实例化而已，后面会出一期关于JavaScript面向对象的博客，大家暂时先理解成：

对象就是具有一些方法和属性的一个变量。

为了便于大家尽快理解Date对象是什么，我们举一个例子：

大家看到代码很短，一共两行，**第一行我们创建了一个Date对象，即date_obj，**紧接着我们打印到控制台，于是我们看一下控制台输出了什么?

是不是很神奇，我们发现打印出来居然是现在的时刻，于是到这里，我们可以给Date对象一个完整的定义了：

Date对象是一个关于时间的变量，它具有很多关于时间的属性和方法，当我们打印它，显示的是当前时间信息，包括 周、月、日、年、几时几分和时区。

到这里，大家对Date对象有了大致的了解，那么接下来我们就深入地学习一些Date对象常用的方法吧。

---

II. Date对象的常见用法归类汇总

---

📖 Date对象的六种创建方法

一共有六种方法可以创建一个Date对象，每一种都有不同的格式，其中第一种是最简单的，就在上面我们已经讲解过了，就是没有任何传参的方式，接下来我们看一下剩下的五种方法：

(1) var date_obj = new Date(“month dd,yyyy hh:mm:ss”);

(2) var date_obj = new Date(“month dd,yyyy”)

(3) var date_obj = new Date(yyyy,mth,dd,hh,mm,ss);

(4) var date_obj = new Date(yyyy,mth,dd);

(5) var date_obj = new Date(ms);

我们逐一解释：

1️⃣ 第一种和第二种方法，创建Date对象的方式都是传入一个字符串作为参数，这个字符串的格式必须按照上面的说明来，否则会出错，我们分别举例：

可以看出，第一种和第二种方法，月份要传入它的英文名称，大家要好好学英语！然后上面的部分运行后是这样的：

至于为什么第二个时间是00点，那是因为我们没有传入具体的时间，所以生成了默认的时间。

---

2️⃣ 第三种和第四种方法，创建Date对象的方式都是传入int整形数字作为参数，整型数字的格式必须按照上面的说明来，否则会出错，我们分别举例：

没有删除之前的两种方法，方便大家对比学习。在整型数字创建的过程中，不涉及英文，而是纯阿拉伯数字，大家就没那么困难了，下面是运行的效果：

---

3️⃣ 最后是第五种方法，**参数表示的是需要创建的时间和GMT时间1970年1月1日08:00之间相差的毫秒数，因此这种方法我们了解即可，**比如我举个例子：

最后一种方法，我传入了这个数字：

86400000 ms

大家如果换算一下就会发现，86400000 ms 刚好是一天，那么我们看看实际上是不是这样呢：

经过检验，果然是这样，它从1号变成了2号，这是最后一种创建的方法，大家了解即可！

---

📖 常见的Date方法

| 方法 | 描述 |

| — | — |

| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |

| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |

| getFullYear() | 从 Date 对象以四位数字返回年份。 |

| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |

| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |

| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |

| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |

| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |

| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |

| getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 |

| getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 |

| getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 |

| getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 |

| getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 |

| getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 |

| getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 |

| getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 |

| getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 |

| parse() | 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 |

| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |

| setFullYear() | 设置 Date 对象中的年份（四位数字）。 |

| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |

| setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |

| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |

| setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |

| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |

| setTime() | setTime() 方法以毫秒设置 Date 对象。 |

| setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |

| setUTCFullYear() | 根据世界时设置 Date 对象中的年份（四位数字）。 |

| setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |

| setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |

| setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

后记

---

总结一下这三次面试下来我的经验是：

1. 一定不要死记硬背，要理解原理，否则面试官一深入就会露馅！

2. 代码能力一定要注重，尤其是很多原理性的代码（之前两次让我写过Node中间件，Promise.all，双向绑定原理，被虐的怀疑人生）！

3. 尽量从面试官的问题中表现自己知识的深度与广度，让面试官发现你的闪光点！

4. 多刷面经！

我把所有遇到的面试题都做了一个整理，并且阅读了很多大牛的博客之后写了解析，免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】免费获取。祝大家早日拿到自己心怡的工作！

篇幅有限，仅展示部分内容

免费分享给大家，算是一个感恩回馈吧，有需要的朋友【点击我】免费获取。祝大家早日拿到自己心怡的工作！**

篇幅有限，仅展示部分内容