JavaScript 获取年份：告别旧日陷阱，拥抱精确未来！全面解析 `getFullYear` 与日期操作380

各位编程小伙伴、前端探索者们，大家好！我是你们的中文知识博主。在前端开发中，日期和时间操作是避不开的话题。而获取年份，看似简单，实则隐藏着一些历史的坑。今天，我们就来深度剖析JavaScript中获取年份的正确姿势，帮你告别老旧陷阱，拥抱精确的未来！

你可能遇到过这样的困惑：为什么我的代码在某个年份获取到的结果不对？或者，`getYear()` 和 `getFullYear()` 到底有什么区别？别急，本文将为你一一揭晓，并提供丰富的代码示例，让你彻底掌握JavaScript中的年份获取。

隆重登场：现代JavaScript获取年份的利器——`getFullYear()`

在JavaScript中，获取一个 `Date` 对象所表示的年份，我们最常用、也最推荐的方法就是 `getFullYear()`。它会返回一个四位数的年份，例如 `2023`、`1999` 等，完美地解决了千年虫问题（或说世纪初年份问题），是现代JavaScript日期处理的“正宫娘娘”。

`getFullYear()` 的语法与特性

`getFullYear()` 方法的语法非常简单：()

它不需要任何参数，直接调用即可。`dateObj` 是一个 `Date` 对象的实例。它返回的是一个表示指定日期年份的整数，且这个整数总是四位数的。

示例代码：轻松获取当前年份

我们来看一个最基本的例子，获取当前的年份：// 创建一个Date对象，默认是当前日期和时间
const now = new Date();
// 使用 getFullYear() 获取当前年份
const currentYear = ();
(`当前的年份是：${currentYear}`); // 例如：当前的年份是：2023

如果你想获取某个特定日期的年份，也是同样的操作：// 创建一个指定日期的Date对象（注意月份是从0开始的，0代表1月，11代表12月）
const specificDate = new Date(1999, 11, 25); // 1999年12月25日
// 获取该日期的年份
const yearOfSpecificDate = ();
(`指定日期的年份是：${yearOfSpecificDate}`); // 输出：指定日期的年份是：1999

`getFullYear()` 的可靠性和一致性让它成为处理年份的首选方法，你大可以放心地在任何新项目中拥抱它。

历史的遗留：那个让你头疼的`getYear()`

既然 `getFullYear()` 如此好用，那为什么还会有人提到 `getYear()` 呢？这是一个历史遗留问题，也是JavaScript日期处理中的一个“坑”。

`getYear()` 的“坑”在哪里？

在ES1和ES3规范中，`getYear()` 方法的行为是根据年份是否在2000年之前而变化的：
对于1900年到1999年的年份，它返回的是年份减去1900后的两位数。例如，1999年返回99。
对于2000年及之后的年份，它返回的是完整的四位数年份。例如，2000年返回2000，2023年返回2023。
更早的年份（1900年之前），它也可能返回年份减去1900后的负数，或者类似1900年时的相对值，行为更是混乱。

这种不一致的行为导致了在跨世纪年份（尤其是2000年左右）的处理上极易出错，这就是著名的“千年虫”问题在JavaScript中的一个体现。

示例代码：看`getYear()`如何让你迷惑

从上面的输出中可以看出，`getYear()` 的行为非常不稳定，且在不同的JavaScript引擎和版本中可能表现不一致。由于其设计缺陷和不确定性，划重点：`getYear()` 方法已经被废弃（deprecated），不应在新代码中使用。

所以，如果你在任何地方看到 `getYear()`，请立即切换到 `getFullYear()`！这不仅能避免潜在的bug，也能让你的代码更加现代化和健壮。

创建日期对象：操作年份的基础

要获取年份，首先你得有一个 `Date` 对象。JavaScript提供了多种方式来创建 `Date` 对象：

1. `new Date()`：创建当前日期和时间

const now = new Date(); // now 将包含当前的日期和时间

2. `new Date(milliseconds)`：根据毫秒时间戳创建

这个时间戳是自1970年1月1日00:00:00 UTC（Unix纪元）以来的毫秒数。const unixEpoch = new Date(0); // 1970年1月1日 00:00:00 UTC
(()); // 输出：1970
const somePastTime = new Date(1678886400000); // 2023年3月15日 00:00:00 UTC
(()); // 输出：2023

3. `new Date(dateString)`：根据日期字符串创建

JavaScript会尝试解析你提供的日期字符串。虽然方便，但由于日期字符串格式的多样性，这种方式在跨浏览器和国际化时可能存在兼容性问题。const dateStr = new Date('2023-03-15T10:30:00Z'); // ISO 8601格式
(()); // 输出：2023
const anotherDateStr = new Date('March 15, 2023 10:30:00');
(()); // 输出：2023

4. `new Date(year, monthIndex, day, hour, minute, second, millisecond)`：指定日期和时间

这是最常用且可靠的创建指定日期的方式。重点注意：`monthIndex` 参数是从 `0` 到 `11` 的整数，`0` 代表一月，`11` 代表十二月。// 创建 2023年10月26日 14点30分0秒0毫秒
const myDate = new Date(2023, 9, 26, 14, 30, 0, 0);
(()); // 输出：2023
// 如果忘记月份是从0开始，可能会出现错误
const wrongMonth = new Date(2023, 10, 26); // 这里的10代表11月，而不是10月
(()); // 输出：10 (代表11月)

理解这些创建 `Date` 对象的方法，是后续正确操作和获取年份的基础。

时区考量：`getFullYear()` vs. `getUTCFullYear()`

日期和时间处理中，时区是一个复杂但又不得不考虑的因素。JavaScript的 `Date` 对象在内部存储的是UTC时间（协调世界时，Coordinated Universal Time），但当你在本地调用 `getFullYear()` 等方法时，它通常会根据运行环境的本地时区进行转换。

如果你需要获取UTC时间的年份，JavaScript也提供了对应的 `getUTCFullYear()` 方法。

`getFullYear()`：基于本地时区

`getFullYear()` 方法返回的是 `Date` 对象在当前执行环境的本地时区下的年份。const now = new Date(); // 假设当前是北京时间 2023年10月26日 14:00
// 获取本地时区的年份
const localYear = ();
(`本地时区的年份：${localYear}`); // 输出：本地时区的年份：2023

`getUTCFullYear()`：基于UTC时区

`getUTCFullYear()` 方法返回的是 `Date` 对象在UTC时区下的年份。const now = new Date(); // 假设当前是北京时间 2023年10月26日 14:00
// 获取UTC时区的年份
const utcYear = ();
(`UTC时区的年份：${utcYear}`); // 输出：UTC时区的年份：2023

在大多数情况下，如果你只是显示给用户看当前日期，`getFullYear()` 已经足够。但当你需要处理全球用户、或者存储日期数据到后端时（通常建议存储UTC时间戳或ISO格式的UTC时间字符串），`getUTCFullYear()` 就显得非常重要了，它可以保证数据的一致性和准确性，不受客户端本地时区设置的影响。

一个时区差异导致年份跨越的例子

考虑一个极端情况：在伦敦（UTC+0），今天是12月31日23:00。那么在北京（UTC+8），可能已经是下一年的1月1日07:00了。这时，`getFullYear()` 和 `getUTCFullYear()` 就会返回不同的年份。// 假设我们在伦敦，但创建日期是模拟的
// 创建一个表示UTC时间 2023年12月31日 23:00:00 的日期对象
const dateNearMidnightUTC = new Date((2023, 11, 31, 23, 0, 0));
(`UTC年份：${()}`); // 输出：UTC年份：2023
// 如果在本地时区是 UTC+1，那么本地时间就是 2024年1月1日 00:00
// 如果在本地时区是 UTC+8，那么本地时间就是 2024年1月1日 07:00
// 在这两个时区中，getFullYear() 将返回 2024
// 注意：以下输出取决于你的实际运行环境时区
(`本地年份（取决于时区）：${()}`); // 可能会输出 2024

通过这个例子，你应该能清楚地理解 `getFullYear()` 和 `getUTCFullYear()` 的区别以及选择它们的重要性。

实战应用：`getFullYear()`能帮我们做什么？

`getFullYear()` 在日常开发中有着广泛的应用场景：

1. 显示当前年份

这是最常见的用途，例如在网页的页脚显示版权年份：<footer>
<p>© <span id="current-year"></span> My Awesome Website.</p>
</footer>
<script>
('current-year').textContent = new Date().getFullYear();
</script>

2. 年龄计算（简易版）

虽然精确的年龄计算需要考虑月份和日期，但简单的年份差可以作为快速估算：const birthYear = 1990;
const currentYear = new Date().getFullYear();
const approximateAge = currentYear - birthYear;
(`此人大约 ${approximateAge} 岁。`);

3. 表单验证

验证用户输入的年份是否在合理范围内，例如出生年份不能是未来，也不能过于久远：const inputBirthYear = 2050; // 用户输入
const maxYear = new Date().getFullYear();
const minYear = maxYear - 120; // 假设最老120岁
if (inputBirthYear > maxYear || inputBirthYear < minYear) {
("请输入一个有效的出生年份！");
} else {
("出生年份有效。");
}

4. 数据筛选与排序

在处理包含日期的数据数组时，可以根据年份进行筛选或排序：const articles = [
{ title: 'JS新特性', date: new Date(2023, 0, 1) },
{ title: 'CSS技巧', date: new Date(2022, 5, 15) },
{ title: 'Vue教程', date: new Date(2023, 9, 10) },
];
// 筛选出2023年的文章
const articles2023 = (article => () === 2023);
(articles2023);

进阶思考：原生Date对象的局限与第三方库

尽管 `getFullYear()` 解决了获取年份的问题，但JavaScript的原生 `Date` 对象在处理复杂日期计算（如加减天数、月份）、格式化、国际化（本地化日期字符串）时，仍然显得力不从心。它有着诸多为人诟病的设计缺陷，例如：
月份从0开始的索引，容易混淆。
日期解析的兼容性问题。
缺乏直接的日期操作方法（如 `addDays()`）。
时区处理复杂。

因此，在大型或对日期时间处理要求高的项目中，前端开发者通常会借助成熟的第三方日期处理库，例如：
(已进入维护模式，不推荐新项目使用，但历史项目很多)
(轻量级、模块化、不可变日期对象，推荐)
(基于 `Intl` API，提供更强大的国际化支持，推荐)

这些库提供了更强大、更一致、更易用的API来处理日期和时间，包括更直观的获取年份的方法。例如，使用 `date-fns`：import { getYear } from 'date-fns';
const now = new Date();
(getYear(now)); // 2023
const specificDate = new Date(1999, 11, 25);
(getYear(specificDate)); // 1999

可以看到，`date-fns` 中 `getYear` 的行为就非常明确，它等同于原生 `Date` 对象的 `getFullYear`。

总结与最佳实践

通过今天的深入探讨，我们应该对JavaScript中获取年份有了全面的理解。最后，为大家总结几个核心要点和最佳实践：
始终使用 `getFullYear()`：它返回四位数的年份，行为稳定可靠，是获取年份的唯一推荐方法。
彻底放弃 `getYear()`：它已被废弃，且行为不一致，是造成日期bug的元凶。
留意 `new Date()` 的 `monthIndex` 参数：月份是从0到11，而不是1到12。
区分 `getFullYear()` 和 `getUTCFullYear()`：根据你的需求选择基于本地时区还是UTC时区的年份。处理全球用户或后端存储时，优先考虑UTC。
考虑第三方库：对于复杂的日期时间操作，如加减日期、格式化、国际化，推荐使用 `date-fns` 或 `Luxon` 等成熟库，它们能极大地提高开发效率和代码健壮性。

希望今天的分享能帮助大家彻底掌握JavaScript中的年份获取，并在未来的开发中避开那些“历史的陷阱”！如果你有任何疑问或心得，欢迎在评论区留言交流。我们下期再见！

2025-11-02

上一篇：JavaScript如何追踪“上一个”状态？从DOM到React/Vue的全面实践

下一篇：前端开发者的魔法书：那些让你事半功倍的JavaScript“黑科技”与技巧