JS模块导入导出方法全解析

本文深入解析了JS模块的导出与导入，重点讲解了两种主流方案：ES模块（ESM）和CommonJS。ESM采用`export`和`import`关键字，支持命名导出、默认导出及整体导入，是现代浏览器的标准，并可在Node.js环境下使用（需配置）。CommonJS则使用`module.exports`和`require()`，主要应用于Node.js。文章详细阐述了两种模块化方案的语法、示例以及在不同环境下的应用，并解答了常见问题，例如如何在浏览器中使用ES模块，以及Node.js如何支持ES模块。此外，还对比了默认导出和命名导出的区别与适用场景，帮助开发者在实际项目中灵活选择合适的模块化方案，提升代码组织能力和可维护性。

JS模块的导出和导入主要有两种方式：1. ES模块（ESM），使用export和import关键字，支持命名导出、默认导出及整体导入，适用于现代浏览器和Node.js（需配置.type="module"或使用.mjs扩展名）；2. CommonJS，使用module.exports和require()，主要用于Node.js环境。在浏览器中运行ES模块需使用