下面我会详细讲解如何实现“JavaScript简单计算人的年龄示例”，主要步骤如下：

第一步：获取出生年份

要计算一个人的年龄，首先我们需要获取他的出生年份。在JavaScript中，我们可以通过 prompt()函数获取用户在弹出的对话框中输入的信息。代码如下所示：

let birthYear = prompt('请输入你的出生年份');

这里用 let 声明变量 birthYear 并赋初值为 prompt('请输入你的出生年份')，通过调用 prompt() 函数，弹出一个对话框要求输入出生年份。同时该语句的返回值将会被赋值给 birthYear 变量。

第二步：计算年龄

获取到出生年份后，我们可以通过获取当前年份，然后计算两者的差值来得到年龄。在JavaScript中，我们可以使用 Date 对象来获取当前年份，并在代码中进行简单的计算。代码如下所示：

let now = new Date();
let year = now.getFullYear();
let age = year - birthYear;

上述代码中，我们用 Date() 函数声明了一个日期对象 now 用以获取当前时间。通过 getFullyear() 函数得到了当前年份值，将其赋值于变量 year，然后将 birthYear 减去 year，得到年龄并将结果赋值于变量 age。

第三步：输出结果

最后，我们需要将它输出至页面上。在这里，我们可以将结果添加至一个 HTML 元素中，并将其显示在页面上。代码如下所示：

let ageElement = document.createElement('h3'); 
ageElement.innerHTML = `你的年龄是 ${age} 岁`;
document.body.appendChild(ageElement);

上述代码中，我们使用 document.createElement() 函数创建了一个 <h3> 元素，并将它存储在 ageElement 变量中，在元素中存入字符串，该字符串包含内容为计算出的年龄的文本。随后，我们将 ageElement 添加至 document.body 中来显示计算出的年龄。

示例应用

示例一：计算年龄

假设用户输入的出生年份是“1997”，则按照上述步骤计算出的年龄为 year - birthYear，即 2022 - 1997 = 25。

let birthYear = prompt('请输入你的出生年份');
let now = new Date();
let year = now.getFullYear();
let age = year - birthYear;

let ageElement = document.createElement('h3'); 
ageElement.innerHTML = `你的年龄是 ${age} 岁`;
document.body.appendChild(ageElement);

示例二：对输入的出生年份格式进行验证

由于用户可能会输入非法数据，例如输入非数字或者不符合年份输入规则的文本，因此我们需要对用户输入的出生年份格式进行验证。示例代码如下：

let birthYear = prompt('请输入你的出生年份');

while (isNaN(parseInt(birthYear)) || birthYear.length !== 4) {
  birthYear = prompt('请输入符合年份格式规则的出生年份');
}

let now = new Date();
let year = now.getFullYear();
let age = year - birthYear;

let ageElement = document.createElement('h3'); 
ageElement.innerHTML = `你的年龄是 ${age} 岁`;
document.body.appendChild(ageElement);

在这个代码中，我们使用了一个 while 循环，来要求用户必须输入符合规则的年份才能继续执行其余代码。isNaN(parseInt(birthYear)) 判断用户输入的年份必须是整数格式（由于 prompt() 返回字符串类型，因此需要转换为数字类型），而 birthYear.length !== 4 则验证了输入年份格式必须是四位数字。这样，我们就保证了用户输入数据的合法性。

本文链接：http://task.lmcjl.com/news/9596.html