简述 CommonJS规范？

八股文_工程模块化面试题 0 45

参考回答

CommonJS 是一种 JavaScript 模块化规范，主要用于服务器端 JavaScript 编程（如 Node.js）。它定义了如何将代码拆分成模块、如何导出模块的功能以及如何加载和使用其他模块。CommonJS 使用 require() 来加载模块，module.exports 来导出模块，确保模块的封装性和独立性。

详细讲解与拓展

1. 模块化结构

在 CommonJS 中，每个 JavaScript 文件都是一个模块，每个模块都有自己的作用域，模块之间的交互通过导入和导出实现。CommonJS 模块使用 require() 方法来导入其他模块，使用 module.exports 或 exports 对象来导出模块的功能。

导出模块：使用 module.exports 或 exports 导出模块。
加载模块：使用 require() 加载其他模块。

2. 导出和加载模块

导出模块：
使用 module.exports 来导出模块的功能，使其他文件可以引用该模块。

示例：

// math.js
const add = (a, b) => a + b;
const subtract = (a, b) => a - b;

module.exports = {
add,
subtract
};

加载模块：
使用 require() 方法加载模块，require() 会返回模块的导出内容。

示例：

// app.js
const math = require('./math');
console.log(math.add(2, 3)); // 输出 5
console.log(math.subtract(5, 2)); // 输出 3

3. 模块的缓存

CommonJS 模块采用缓存机制，第一次调用 require() 加载模块时，模块的代码会被执行一次，并将其导出的内容缓存起来。之后再次 require() 同一个模块时，直接返回缓存的模块，避免了重复加载和执行，提升了性能。

4. 同步加载

CommonJS 模块是同步加载的，这意味着当一个模块被 require() 时，JavaScript 引擎会等待模块加载并执行完成后再继续执行后续的代码。这种方式适用于服务器端开发（如 Node.js），因为服务器端文件系统通常是同步的。

5. 与浏览器端的关系

CommonJS 主要设计用于服务器端的模块化规范，尤其是 Node.js 环境中。然而，由于浏览器端和服务器端的环境差异，CommonJS 并不直接适用于浏览器环境。在浏览器端，通常会使用 AMD（异步模块定义）或 ES6 模块化规范。为了在浏览器端使用 CommonJS 模块化规范，开发者通常会使用打包工具（如 Webpack 或 Browserify）将模块打包成适用于浏览器的代码。

6. CommonJS 与其他规范的比较

CommonJS 与 AMD：
CommonJS 是同步加载模块的，而 AMD 是异步加载模块的，后者适合浏览器环境。由于浏览器端通常需要异步加载模块以提高性能，AMD 比 CommonJS 更适合浏览器。
CommonJS 与 ES6 模块：
ES6 模块是 JavaScript 官方标准的模块化规范，它是静态分析的，支持编译时优化。ES6 模块使用 import 和 export，相对于 CommonJS 的 require() 和 module.exports，ES6 模块提供了更好的性能优化和静态检查。

总结

CommonJS 是一种广泛用于 Node.js 环境中的模块化规范，它通过 require() 和 module.exports 使得 JavaScript 代码可以拆分为独立的模块，便于管理和复用。尽管 CommonJS 在浏览器环境中不直接适用，但它在服务器端的 JavaScript 开发中发挥了重要作用。