JavaScript filter方法报错：无法提前访问'arrEven'及常量声明缺失初始化器

错误原因拆解 #

• cannot access 'arrEven' before initialization：你在filter的回调函数里提前访问了还未完成初始化的arrEven变量。arrEven的赋值依赖于filter执行完成，而回调里的console.log(arrEven)在filter执行过程中就触发，此时变量还未创建完成。
• 函数无返回值导致测试结果不符合预期：你的evensOnly函数没有返回筛选后的数组，所以测试时console.log(evensOnly(...))会输出undefined。
• 额外问题：filter回调的参数名和函数参数arr重名，容易造成混淆；回调里返回元素本身而非布尔值，虽然偶数作为非零值会被视为true，但写法不规范、可读性差。

修正后的代码 #

function evensOnly(arr) {
  // 用item作为回调参数，避免和外层arr重名
  const arrEven = arr.filter((item) => {
    // 直接返回布尔值，明确筛选逻辑
    return item % 2 === 0;
  });
  // 返回筛选后的数组
  return arrEven;
}
// test
console.log(evensOnly([3, 6, 8, 2])); // 输出 [6, 8, 2]

关键修改点 #

• 移除了回调里错误的console.log(arrEven)，避免提前访问未初始化的变量。
• 将filter回调的参数名改为item，避免变量名冲突。
• 回调函数直接返回item % 2 === 0的布尔结果，逻辑更清晰规范。
• 在函数末尾添加return arrEven，让函数返回筛选后的数组，符合测试预期。

内容的提问来源于stack exchange，提问作者13 Dhinesh A