第一段:什么是 `Date` 对象
在 JavaScript 中,如果你需要使用日期和时间,可以使用 `Date`对象。这个对象包含了所有的日期和时间属性和方法,比如 `getFullYear()`、 `getMonth()`、`getDate()`、`getHours()`、`getMinutes()` 等。 创建一个 `Date` 对象非常简单,只需要先声明这个对象,再调用 `Date` 构造函数即可。例如,要创建一个表示当前日期的 `Date` 对象,可以如下方式实现: ```javascript const currDate = new Date(); ``` 这个 `currDate` 对象现在包含了当前日期的年份、月份、日期和时间。比如,你可以使用 `getFullYear()` 方法来获取年份: ```javascript const currYear = currDate.getFullYear(); ``` 现在,`currYear` 变量包含了当前日期所在的年份。第二段:如何使用 `Date` 对象计算年龄
要计算年龄,你需要知道一个人的出生日期。在下面的代码中,我们定义了一个 `calculateAge` 函数,它接受一个表示出生日期的日期对象作为参数,并返回一个整数,表示当前年龄: ```javascript function calculateAge(birthday) { if (!birthday) { return null; } const today = new Date(); const age = today.getFullYear() - birthday.getFullYear(); // 处理出生日期还没到时年龄减 1 的情况 if (birthday.getMonth() > today.getMonth() || (birthday.getMonth() === today.getMonth() && birthday.getDate() > today.getDate())) { return age - 1; } return age; } // 示例 const birthDate = new Date('1990-01-01'); const age = calculateAge(birthDate); // 31 ``` 这个函数首先检查传入的出生日期是否为空值(`null`),如果是,则返回 `null`。接着,它获取当前日期对象,并计算两个日期对象之间的差异,即当前年份减去出生年份。最后,通过判断当前月份和出生月份、日期之间的差异,来判断是否需要将计算出的年龄减 1。第三段:在实际应用中使用 `calculateAge` 函数
现在,你已经知道如何使用 `Date` 对象和 `calculateAge` 函数来计算一个人的年龄了。在实际应用中,你可以通过以下方式来使用它: ```javascript // 绑定点击事件 document.querySelector('#btnCalcAge').addEventListener('click', () => { // 获取用户输入的生日字符串 const birthDateString = document.querySelector('#txtBirthDate').value; // 将生日字符串转化为日期对象 const birthDate = new Date(birthDateString); // 计算年龄 const age = calculateAge(birthDate); // 将年龄值显示在页面上 document.querySelector('#ageDisplay').innerText = age; }); ``` 这段代码首先获取 `#txtBirthDate` 元素的值(即用户输入的出生日期),将其转化为一个 `Date` 对象。接着,使用 `calculateAge` 函数计算年龄,最后将计算出的年龄显示在 `#ageDisplay` 元素上。 结论 本文介绍了如何使用 JavaScript 中的 `Date` 对象和 `getFullYear()` 函数计算一个人的年龄。使用 `calculateAge` 函数,你可以便捷地在网站和应用程序中实现计算年龄的功能。