ES6 模块与 CommonJS/AMD/CMD 模块有何区别？

ES6 模块与 CommonJS/AMD/CMD 模块有几个重要区别：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=ba06d8fbb87f45f7bf340c85dc4f0cc1

语法差异：ES6 模块使用 import 和 export 关键字来导入和导出模块，而 CommonJS 使用 require() 函数来导入模块，并使用 module.exports 来导出模块。AMD 和 CMD 使用 define() 函数来定义模块，并使用 require() 函数来导入模块。

静态与动态：ES6 模块在编译时确定依赖关系，而 CommonJS/AMD/CMD 模块是在运行时加载。这意味着在 ES6 模块中，模块依赖关系是静态的，并且可以在编译时进行优化。

导入导出方式：ES6 模块使用命名导入和导出，可以导入和导出多个模块变量，也可以将整个模块导入或导出为默认值。而 CommonJS/AMD/CMD 模块只能导入和导出整个模块对象。

顶层作用域：ES6 模块在顶层作用域中执行，这意味着模块内部的变量和函数不会污染全局作用域。而 CommonJS/AMD/CMD 模块在运行时执行，导出的变量和函数会添加到模块作用域的 exports 对象上。

需要注意的是，ES6 模块的导入导出语法在最新的浏览器和最新版本的 Node.js 中得到了广泛支持，但在旧版本的浏览器和 Node.js 中可能需要使用转译工具（如 Babel）进行转换。