如何消除函数入参的undefined，获取最后有效数组并安全访问id

这问题我之前也碰到过！主要是函数被多次调用时混入了无效的undefined参数，咱们分两步来解决你的需求：

1. 先解决「Cannot read property id of undefined」的报错 #

最直接的方式是在访问params[0].id前做多层存在性校验，避免因为params是undefined、不是数组，或者数组为空而抛出错误：

export const addCalculations = (params) => {
  // 依次检查：params存在 → 是数组 → 数组第一个元素存在
  if (params && Array.isArray(params) && params[0]) {
    console.log(params[0].id);
  } else {
    // 可选：打个日志标记无效调用，方便调试
    console.log("收到无效params，跳过处理");
  }
};

2. 保留并获取最后一个有效的params数组 #

如果你的核心需求是只保留最新的有效参数（忽略所有无效调用和更早的有效调用），可以在函数外部维护一个变量来存储最后一次的有效参数：

// 在函数外部声明变量，持久化存储最后一个有效params
let lastValidParams = null;

export const addCalculations = (params) => {
  // 先判断当前params是否有效
  if (params && Array.isArray(params) && params.length > 0) {
    // 更新为最新的有效参数
    lastValidParams = params;
    // 执行你的业务逻辑
    console.log("当前有效id：", lastValidParams[0].id);
  } else {
    // 如果当前调用无效，可选择复用之前的有效参数（如果有的话）
    if (lastValidParams) {
      console.log("当前params无效，使用最后一次有效id：", lastValidParams[0].id);
    } else {
      console.log("暂无任何有效参数");
    }
  }
};

小技巧：用可选链简化校验（ES2020+环境） #

如果你的项目支持ES2020及以上语法，可以用可选链操作符?.大幅简化存在性检查，代码会更清爽：

// 记得先在外部声明lastValidParams变量
let lastValidParams = null;

export const addCalculations = (params) => {
  // 用?.安全访问，不存在的话会返回undefined，不会报错
  const targetId = params?.[0]?.id;
  if (targetId !== undefined) {
    console.log(targetId);
    // 同步更新最后有效参数
    lastValidParams = params;
  } else {
    console.log("无效params，跳过");
  }
};

内容的提问来源于stack exchange，提问作者Lizz Parody