什么是 CommonJS？
CommonJS 是一组标准和模块化规范，旨在为 JavaScript 提供类似于 Python、Ruby 等语言的模块化功能，最初设计用于服务器端 JavaScript 环境（Node.js）。它通过 require 和 exports 关键字实现模块的导入和导出，解决了 JavaScript 在浏览器之外缺乏模块系统的问题。
CommonJS 定义了一种用于 JavaScript 的模块化标准，特别适用于服务器端环境。其核心机制是通过 require 函数来加载其他模块，并使用 exports 对象将模块的功能暴露给外部。这种模式使得开发者可以将代码组织成独立的、可重用的单元，从而提高代码的可维护性和复用性。
核心原理
在 CommonJS 中，每个文件被视为一个单独的模块，拥有自己的作用域。这意味着在一个模块中定义的变量不会自动泄露到全局作用域或其他模块中。通过 require 函数，可以同步地引入其他模块的内容；而 exports 或 module.exports 则用于导出当前模块中的函数、对象或原始值。例如：
// 导入模块
const math = require('./math');
// 使用模块提供的功能
console.log(math.add(1, 2));
// 导出模块内容
function add(a, b) {
return a + b;
}
module.exports = { add };与相关技术的关系
虽然 CommonJS 最初是为 Node.js 设计的服务器端解决方案，但它对后来的浏览器端模块化系统也产生了重要影响。ES6 引入了原生支持的 import 和 export 语法，这在某种程度上是对 CommonJS 的补充和完善。尽管如此，在许多后端项目中，特别是那些基于 Node.js 的应用，CommonJS 仍然是主要使用的模块系统之一。此外，一些构建工具如 Browserify 允许开发者在浏览器环境中使用 CommonJS 风格的代码，进一步扩展了其适用范围。
🎯 適用場景
- ●在 Node.js 环境中开发后端应用时使用 CommonJS 进行模块管理
- ●构建工具（如 Browserify）将 CommonJS 模块打包以便在浏览器中运行
- ●编写跨平台的 JavaScript 库时遵循 CommonJS 规范以提高兼容性
👍 優點
- ●优点：提供了一种统一的模块化解决方案，便于代码复用和维护
- ●优点：支持同步加载模块，简化了依赖管理
- ●优点：广泛应用于 Node.js 生态，拥有丰富的模块库资源
👎 缺點/侷限
- ●缺点：同步加载可能导致性能问题，尤其是在浏览器环境中
- ●缺点：与 ES6 模块标准存在差异，可能导致迁移成本
- ●缺点：对于大型项目，模块管理复杂度较高
❓ 常見問題
CommonJS 和 ES6 模块有什么区别？
CommonJS 使用 require 和 exports，支持同步加载；ES6 模块使用 import 和 export，支持异步加载且更符合现代 JavaScript 标准
如何在 Node.js 中使用 CommonJS？
通过 require 函数引入模块，使用 module.exports 或 exports 导出模块内容
CommonJS 是否适用于浏览器环境？
CommonJS 原生不适用于浏览器，但可以通过工具（如 Browserify）转换为浏览器可用的格式
CommonJS 和 AMD 有什么区别？
CommonJS 主要用于服务器端，支持同步加载；AMD（Asynchronous Module Definition）主要用于浏览器端，支持异步加载
CommonJS 是否已经被废弃？
CommonJS 仍在 Node.js 中广泛使用，但随着 ES6 模块的普及，一些新项目开始转向使用 ES6 模块