模块中顶层变量不会自动挂载到全局对象，需通过export导出；脚本中var声明的变量会成为全局对象属性，而let和const声明的变量仅存在于全局作用域但不挂载到全局对象，推荐使用模块化避免命名空间污染。
在现代 JavaScript 中，顶层变量声明的行为取决于代码运行的环境——是模块（module）还是脚本（script）。这一区别直接影响变量是否暴露给全局作用域，以及如何被其他文件访问。
模块中的顶层变量
ES6 模块（即使用 import 和 export 的文件）拥有独立的词法环境。在模块中通过 var、let 或 const 声明的顶层变量不会自动成为全局对象（如浏览器中的 window）的属性。
如果需要共享变量，必须显式使用 export：
export const name = "Alice";- 其他模块可通过 import 引入：
import { name } from './mymodule.js';
脚本中的顶层变量
在传统的脚本文件（非模块）中，顶层声明的行为有所不同：
立即学习“Java免费学习笔记（深入）”；
- 使用 var 声明的变量会挂载到全局对象上（例如浏览器中 window.name 可访问）
- 使用 let 或 const 声明的变量虽然处于全局作用域，但不会成为全局对象的属性
这意味着 let x = 1; 后，x 在全局可用，但 window.x 是 undefined。
避免污染全局命名空间
现代开发推荐使用模块化组织代码。这样可以防止意外覆盖全局变量，提升代码可维护性。
若需定义真正的全局变量（如库的入口对象），应显式赋值给 window（浏览器）或 globalThis（跨平台）：
-
globalThis.myApp = {};—— 确保在各种环境中都能正确访问全局对象
基本上就这些。模块改变了变量的作用域规则，让 JavaScript 更适合构建大型应用。理解这些差异有助于写出更清晰、安全的代码。
