这个问题问得特别好！很多刚接触ECMAScript Modules（ESM）的开发者都会疑惑这个差异，其实这是ES规范特意规定的，背后还有明确的设计考量，我给你慢慢说清楚：

1. 规范的明确规定 #

ECMAScript模块和传统的非模块脚本（也就是不带type="module"的脚本），执行时的作用域规则有本质区别：

• 对于非模块脚本，代码运行在全局执行上下文中，顶层的this会绑定到全局对象（浏览器里是window，Node.js里是global）。
• 而对于ESM模块，ES规范明确要求：模块代码的顶层this值必须是undefined。

引用ES规范原文：模块代码的顶层this绑定是undefined，而脚本代码的顶层this绑定是全局对象。

2. 背后的设计意图：强化模块封装 #

ESM的核心目标之一就是打造更独立、更易复用的代码单元，强制this为undefined正是为了实现这个目标：

• 如果模块顶层this指向全局对象，开发者很容易不小心在模块里直接操作全局变量，破坏模块的独立性和可预测性。
• 把this设为undefined，可以引导开发者通过import/export来管理依赖，而不是依赖全局上下文的隐式绑定。

3. 实际代码对比验证 #

用两段简单代码就能直观看到差异：

• 非模块脚本（无type="module"）：

console.log(this); // 浏览器环境输出 window，Node.js输出 global

• ESM模块（带type="module"）：

console.log(this); // 输出 undefined

4. ESM中如何访问全局对象？ #

如果在ESM里确实需要访问全局对象，推荐使用标准的globalThis（ES2020引入），它在所有JavaScript环境（浏览器、Node.js、Web Worker等）都能统一指向全局对象：

console.log(globalThis); // 浏览器环境输出 window，Node.js输出 global

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