从报告时间戳提取年份报错：TypeError: Cannot read properties of undefined

这个错误的核心原因很明确：你调用getFullYear()的reportTimestamp变量是undefined，根本不是一个有效的Date对象，所以不管用getFullYear()还是getYear()都会报错。下面是具体的排查和修复步骤：

1. 先排查reportTimestamp的有效性 #

• 检查变量拼写：确认变量名是否正确，比如是不是大小写错误（比如写成reportTimeStamp）。
• 检查初始化时机：如果reportTimestamp是从异步请求、DOM元素或者其他异步来源获取的，要确保在数据加载完成后再调用方法，避免在变量赋值前就执行提取年份的代码。
• 检查数据类型：确认reportTimestamp是不是Date对象，还是字符串/数字格式的时间值。

2. 针对性修复代码 #

场景1：确保变量是有效的Date对象 #

先做存在性和类型校验，避免报错：

let year;
// 同时检查是否是Date对象且有效（排除Invalid Date的情况）
if (reportTimestamp instanceof Date && !isNaN(reportTimestamp)) {
    year = reportTimestamp.getFullYear();
} else {
    // 处理异常，比如给默认值或打印错误提示
    console.error('reportTimestamp不是有效的日期对象');
    year = new Date().getFullYear(); // 可选：用当前年份作为默认值
}

场景2：reportTimestamp是字符串/数字格式的时间 #

如果你的reportTimestamp是ISO字符串（比如"2024-05-20T10:30:00"）或者时间戳数字，需要先转换成Date对象：

// 字符串/数字转Date
const date = new Date(reportTimestamp);
if (!isNaN(date)) {
    const year = date.getFullYear();
    console.log(year);
} else {
    console.error('时间格式无效，无法转换为Date对象');
}

场景3：异步获取reportTimestamp #

如果是从接口或异步操作中获取的时间，要确保在数据返回后再处理：

async function fetchReportYear() {
    // 模拟异步请求
    const res = await fetch('/your-report-api');
    const reportData = await res.json();
    
    // 转换并校验时间
    const timestamp = new Date(reportData.reportTimestamp);
    if (!isNaN(timestamp)) {
        const year = timestamp.getFullYear();
        console.log('提取的年份：', year);
    } else {
        console.error('接口返回的时间格式错误');
    }
}

// 调用异步函数
fetchReportYear();

内容的提问来源于stack exchange，提问作者Alex Bigus