为何无法在控制台访问已创建的JavaScript类实例dodger_hat？

问题原因 #

你用const声明的dodger_hat变量处于**块级作用域（比如函数、if/else代码块内部）或者ES模块（脚本标签带有type="module"）**中，而控制台运行在全局作用域，无法访问局部作用域内的变量，因此抛出“not defined”错误。

解决办法 #

1. 将变量移到全局作用域 #

把dodger_hat的声明放在脚本最外层，不嵌套在任何函数、代码块或模块里：

class Hat {
  constructor(size, color, team, snapback) {
    this.size = size;
    this.color = color;
    this.team = team;
    this.snapback = snapback;
  }
  changeColor(newColor) {
    this.color = newColor;
    console.log("The color has been changed to ", newColor);
  }
  changeTeam(newTeam) {
    this.team = newTeam;
    console.log("The team has been changed to ", newTeam);
  }
};

// 全局作用域下声明实例
const dodger_hat = new Hat(8,"blue", "dodgers", false);

2. 手动挂载到全局对象（仅调试用） #

如果暂时无法调整作用域，可以在声明变量后，把它挂载到全局对象上（浏览器环境用window，Node.js用globalThis）：

// 声明实例后添加这一行
window.dodger_hat = dodger_hat; // 浏览器环境
// Node.js 环境替换为：globalThis.dodger_hat = dodger_hat;

3. 控制台直接执行完整代码 #

调试时可以直接把整个类定义和实例化代码粘贴到控制台执行，之后再输入dodger_hat就能正常访问。

补充说明 #

控制台默认访问的是全局作用域，const/let声明的变量会被限制在当前块级作用域内，只有全局作用域的变量才能被控制台直接访问。

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