JavaScript 中 this 在模块中怎么指向
在 es modules (esm) 中，顶层的 this 默认指向 undefined。这是因为模块代码运行在全局作用域之外，且严格模式（strict mode）是强制开启的。如果在模块内部的方法或函数中访问 this，其指向取决于调用方式：普通函数调用时仍为 undefined，而箭头函数则继承外层词法作用域（即模块本身，无 this），类方法绑定到实例。
为什么模块顶层 this 是 undefined
模块顶层 this 为 undefined 是因为 ESM 规范将其视为独立的作用域块，不挂载到全局对象（如 window 或 globalThis）。这与 CommonJS 不同，CommonJS 的顶层 this 指向模块导出对象。在 ESM 中，任何非严格模式下的隐式绑定都会失效，直接返回 undefined。
// module.js (ESM)<br>console.log(this); // 输出: undefined<br><br>function checkThis() {<br> console.log(this); // 输出: undefined (严格模式下)<br>}<br>checkThis();模块内函数与类方法的 this 指向差异
在模块内部，普通函数的 this 依然遵循动态绑定规则，但在严格模式下默认为 undefined。箭头函数没有自己的 this，它会捕获定义时的词法环境。由于模块顶层没有 this，箭头函数也无法通过闭包获取一个有效的 this。然而，在类的实例方法中，this 会正确指向实例对象，这是类语法的特性。
立即学习“Java免费学习笔记（深入）”；
// module.js (ESM)<br>class MyClass {<br> constructor() {<br> this.value = 42;<br> }<br> getValue() {<br> return this.value; // this 指向实例<br> }<br> getArrowValue = () => {<br> return this.value; // this 同样指向实例 (类字段语法)<br> };<br>}<br><br>const instance = new MyClass();<br>console.log(instance.getValue()); // 42基于模块顶层 this 为 undefined 的具体问题
当开发者尝试在模块顶层使用 this 来引用全局对象时，会得到 undefined。若需访问全局对象，应使用 globalThis。例如，在浏览器环境中，globalThis === window；在 Node.js 中，globalThis === global。这种设计避免了模块间的全局污染，确保了封装性。
