JavaScript中已定义对象在函数内未识别的问题求助

你的代码与错误信息 #

定义vacationMembers的代码：

vacationMembers = {};

vacationMembers["Zie"] = true;
vacationMembers["Timoty"] = true;
vacationMembers["Risha"] = true;
vacationMembers["Germaine"] = true;

检查成员的导出函数：

export function isVacationMember(familyMember) {
    if (vacationMembers[familyMember.name]) { 
        return true;
    };
    return false;
}

运行时错误：

ReferenceError: vacationMembers is not defined

排查方向 #

• 作用域不匹配：
  若vacationMembers和isVacationMember不在同一文件，或者vacationMembers被定义在某个函数/代码块的局部作用域内，函数会无法访问到它。

  • 跨文件场景：在vacationMembers的定义文件添加export const vacationMembers = {};，然后在函数所在文件导入：import { vacationMembers } from './你的文件名.js';
  • 同文件场景：确保vacationMembers定义在全局/模块级作用域，不要嵌套在任何函数、if块等内部。

• 模块化环境下未显式导出导入：
  在ES模块规范中，直接定义的vacationMembers = {}属于模块内的全局变量，不会被其他模块共享。必须显式导出该变量，再在函数所在模块导入，才能正常访问。

• 代码执行顺序错误：
  检查vacationMembers的初始化代码是否在isVacationMember函数被调用之后执行。如果函数先被触发，而对象还未完成定义，就会抛出该错误。确保对象初始化代码在函数调用前执行。

• 模块系统冲突：
  如果项目混用了ES模块（使用export/import）和CommonJS模块（使用require/module.exports），可能导致变量无法跨模块共享。保持项目模块系统一致，或按对应规则处理跨模块引用。

• 意外的变量重定义：
  排查代码其他位置是否用let vacationMembers或const vacationMembers重新定义了该变量，这会导致原变量被覆盖或作用域隔离，引发未定义错误。

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