JavaScript - 日期对象：在代码中掌握时间

你好，有抱负的程序设计师们！今天，我们将深入探索JavaScript中日期的迷人世界。作为你友好的计算机科学老师，我将引导你了解日期对象的方方面面。相信我，在本课结束时，你将能够像经验丰富的马戏团表演者一样熟练地处理日期！

日期对象是什么？

在我们深入了解之前，让我们先了解日期对象是什么。在JavaScript中，日期对象是我们处理日期和时间的首选工具。它就像是你代码中一个超级智能的手表！

可以这样想：如果你的程序需要知道当前时间、安排事件或计算某事花费了多长时间，日期对象就是你的最佳伙伴。它非常多功能，甚至可以告诉你1776年7月4日是星期几！（顺便说一下，那天是星期四。）

语法：创建日期对象

让我们从基础开始。我们如何创建一个日期对象？这可能比你想象的要简单！

// 创建一个包含当前日期和时间的新的日期对象
let currentDate = new Date();
console.log(currentDate);
// 输出：类似于 "Fri May 14 2023 15:30:45 GMT+0000 (协调世界时)"

// 为特定日期和时间创建一个日期对象
let specificDate = new Date("2023-05-14T15:30:45");
console.log(specificDate);
// 输出： "Sun May 14 2023 15:30:45 GMT+0000 (协调世界时)"

// 使用单独的组件创建一个日期对象
let customDate = new Date(2023, 4, 14, 15, 30, 45);
console.log(customDate);
// 输出： "Sun May 14 2023 15:30:45 GMT+0000 (协调世界时)"

在这些示例中，我们以不同的方式创建日期对象。第一个给出了当前的日期和时间，第二个从一个字符串创建日期，第三个允许我们分别指定日期的每个部分。

记住，JavaScript中的月份是从零开始索引的，这意味着一月是0，二月是1，以此类推。这就像是程序员之间的一个内部笑话！

日期属性

令人难以置信的是，日期对象没有公开属性。它就像一个秘密的朋友，只有在你礼貌地询问时才会分享信息，使用方法来获取。但别担心，我们很快就会介绍这些方法！

日期方法：提取信息

现在，让我们看看一些帮助我们从日期对象中提取信息的方法。这些方法就像小时间旅行者，为我们获取特定的信息。

let myDate = new Date("2023-05-14T15:30:45");

console.log(myDate.getFullYear()); // 输出：2023
console.log(myDate.getMonth()); // 输出：4 (记住，五月是第五个月，但索引是4)
console.log(myDate.getDate()); // 输出：14
console.log(myDate.getDay()); // 输出：0 (0是星期日，1是星期一，等等。)
console.log(myDate.getHours()); // 输出：15
console.log(myDate.getMinutes()); // 输出：30
console.log(myDate.getSeconds()); // 输出：45

每个方法都提取日期的一部分。就像问你的朋友，“嘿，现在是哪一年？”或者“今天是星期几？”然后得到一个确切的答案。

日期方法：设置信息

正如我们可以获取信息一样，我们也可以设置信息。这些方法允许我们修改日期对象。

let myDate = new Date("2023-05-14T15:30:45");

myDate.setFullYear(2024);
console.log(myDate); // 输出：Tue May 14 2024 15:30:45 GMT+0000 (协调世界时)

myDate.setMonth(11); // 十二月
console.log(myDate); // 输出：Sat Dec 14 2024 15:30:45 GMT+0000 (协调世界时)

myDate.setDate(25);
console.log(myDate); // 输出：Wed Dec 25 2024 15:30:45 GMT+0000 (协调世界时)

这些方法就像拥有时间机器。我们可以通过简单的命令跳转到不同的年份、月份或日期！

日期静态方法

静态方法是属于日期对象本身而不是单个日期实例的特殊方法。它们就像是日期部落的智慧长者，为所有人提供宝贵的服务。

console.log(Date.now()); // 输出：当前的毫秒时间戳
console.log(Date.parse("2023-05-14")); // 输出：2023年5月14日的时间戳

Date.now() 给我们当前的 时间戳，而 Date.parse() 将日期字符串转换为时间戳。这些对于计算和比较非常有用。

实例汇总：示例

现在我们已经了解了日期对象的各个方面，让我们看看如何在现实世界的场景中使用它们。

示例1：年龄计算器

function calculateAge(birthDate) {
let today = new Date();
let birthDateObj = new Date(birthDate);
let age = today.getFullYear() - birthDateObj.getFullYear();
let monthDiff = today.getMonth() - birthDateObj.getMonth();

if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDateObj.getDate())) {
age--;
}

return age;
}

console.log(calculateAge("1990-05-14")); // 输出将取决于当前日期

这个函数根据出生日期计算一个人的年龄。它考虑了月份和日期以确保准确性。

示例2：倒计时定时器

function countdown(targetDate) {
let now = new Date().getTime();
let target = new Date(targetDate).getTime();
let difference = target - now;

let days = Math.floor(difference / (1000 * 60 * 60 * 24));
let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
let seconds = Math.floor((difference % (1000 * 60)) / 1000);

console.log(`${days} 天, ${hours} 小时, ${minutes} 分钟, ${seconds} 秒`);
}

countdown("2023-12-31"); // 到新年夜的倒计时

这个函数创建了一个到特定日期的倒计时，显示了剩余的天数、小时、分钟和秒。

日期方法表

以下是一些常用的日期方法的便捷表格：

方法	描述
getFullYear()	获取年份（4位数）
getMonth()	获取月份（0-11）
getDate()	获取月份中的日（1-31）
getDay()	获取星期中的日（0-6）
getHours()	获取小时（0-23）
getMinutes()	获取分钟（0-59）
getSeconds()	获取秒（0-59）
setFullYear()	设置年份
setMonth()	设置月份
setDate()	设置月份中的日
setHours()	设置小时
setMinutes()	设置分钟
setSeconds()	设置秒
toDateString()	将日期转换为可读字符串
toTimeString()	将时间转换为可读字符串

就是这样，伙计们！你已经迈出了进入JavaScript日期世界的第一步。记住，熟能生巧，所以不要害怕用这些方法进行实验，并创建你自己的基于日期的项目。谁知道呢，你甚至可能会构建下一个大热的日历应用！

在我们结束之前，始终牢记，处理日期有时可能会因为时区和夏令时而变得复杂。但有了你今天学到的知识，你已经准备好应对这些挑战。继续编码，继续学习，最重要的是，享受其中的乐趣！

Credits: Image by storyset