JS参数赋值后仍提示object undefined报错问题求助

核心错误原因 #

• 函数默认参数写法完全错误：你写的形参dtoIn={count, minAge, maxAge}属于对象解构语法，语义是「从传入的第一个参数中提取count、minAge、maxAge三个属性，若入参为undefined，则默认解构一个包含count、minAge、maxAge属性的对象」。但你在函数外只写了一个对象字面量，没有单独声明count/minAge/maxAge这三个顶层变量，JS引擎解析默认参数时找不到这三个变量，会直接抛出未定义错误，根本不会执行到后面的if判断逻辑。
• 空值判断逻辑写反：当前if条件是dtoIn既不是undefined也不是null时弹出empty提示，和你要校验空值的需求完全相反。

修复方案 #

写法1：保留dtoIn整体入参形式 #

提前定义默认入参对象，形参默认值直接引用该对象，同时修正判断逻辑：

// 提前声明默认入参
const defaultDtoIn = {
    count: 10,
    minAge: 10,
    maxAge: 10
}

function main(dtoIn = defaultDtoIn) { 
  // 命中空值场景才触发提示
  if (typeof dtoIn === "undefined" || dtoIn === null){
    alert(`empty`);
    dtoIn = defaultDtoIn; // 空值时兜底赋值默认参数
  }
  // 后续正常通过dtoIn.count、dtoIn.minAge形式访问属性即可
  console.log(dtoIn);
}

写法2：使用对象解构入参 #

如果你想直接拿到count、minAge、maxAge三个属性单独使用，可以用正确的解构默认值写法，不需要额外判断整个参数是否为空：

// 给整个入参设置默认空对象，同时给每个解构属性设置默认值
function main({count = 10, minAge = 10, maxAge = 10} = {}) {
  console.log(count, minAge, maxAge);
}

额外排查点 #

• 检查函数调用位置，确认没有传入未声明的变量作为入参，比如main(abc)如果abc从来没定义过，会直接抛未定义错误，和函数内部逻辑无关。
• 如果是在模块化环境运行，确认你定义的默认参数变量和函数在同一个作用域下，不存在作用域隔离导致的变量找不到问题。

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