JS的getFullYear()方法详解|极客笔记

JS的getFullYear()方法详解

1. 介绍

在JavaScript中，我们经常需要获取当前日期或者操作日期对象。Date对象是JavaScript内置的日期对象，它提供了一系列方法来处理和操作日期和时间。其中，getFullYear()是Date对象的一个方法，用于获取当前日期的年份。

本篇文章将详细介绍getFullYear()方法的使用方法、语法和常见应用场景。同时，会提供一些实例代码来帮助读者更好地理解和使用该方法。

2. 语法

getFullYear()方法没有任何参数，可以直接在Date对象上调用。其语法如下：

dateObj.getFullYear()

其中，dateObj是一个Date对象的实例，可以是直接创建的Date对象，也可以是通过其他方法获取的Date对象。

3. 返回值

getFullYear()方法返回一个四位数的年份，表示当前日期的年份，范围从公元1年到9999年。返回值为一个整数。

4. 示例

下面通过一些示例代码来说明getFullYear()方法的使用。假设今天是2010年4月20日。

const date = new Date();

const year = date.getFullYear();
console.log(year);

输出将为：

在这个示例中，我们首先创建了一个新的Date对象，并将其赋值给变量date。然后，我们调用了getFullYear()方法来获取当前日期的年份，并将其赋值给变量year。最后，我们使用console.log()方法将年份打印出来。

5. 应用场景

5.1 显示当前年份

在网页开发中，有时候我们需要在页面上显示当前年份。通过调用getFullYear()方法，我们可以轻松地获取到当前的年份，然后将其显示在需要的位置上。下面是一个显示当前年份的示例代码：

<!DOCTYPE html>
<html>
<body>

<h1 id="year"></h1>

<script>
const date = new Date();
const year = date.getFullYear();
const yearElement = document.getElementById("year");
yearElement.textContent = year;
</script>

</body>
</html>

在这个示例中，我们首先使用JavaScript代码获取到当前的年份，并将其赋值给变量year。然后，我们使用document.getElementById()方法来获取到页面上的

h1>元素，并将其赋值给变量yearElement。最后，我们使用textContent属性将年份显示在页面上。

5.2 判断闰年

通过getFullYear()方法，我们可以获取到当前日期的年份。结合一些条件判断，我们可以判断某一年是否为闰年。下面是一个判断是否为闰年的示例代码：

function isLeapYear(year) {
  if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
    return true;
  } else {
    return false;
  }
}

const currentDate = new Date();
const currentYear = currentDate.getFullYear();
console.log(isLeapYear(currentYear));

在这个示例中，我们创建了一个名为isLeapYear()的函数来判断某一年是否为闰年。如果某一年能被4整除但不能被100整除，或者能被400整除，则它是闰年。我们使用取模运算符来判断是否满足这两个条件。最后，我们调用isLeapYear()函数来判断当前年份是否为闰年，并将结果打印出来。