模块化是一种将程序分解为独立且可维护的模块的编程方式，它使得代码更加模块化、可重用、易于理解和维护。在 JavaScript 中，模块化可以通过以下几种方式实现：

1. CommonJS：

• CommonJS 是一种模块化规范，用于服务器端（Node.js）的模块化开发。
• 使用 require() 函数来引入模块，使用 module.exports 来导出模块。

2. ES6 模块化：

• ES6 引入了原生的模块化支持，用于浏览器端和 Node.js 中。
• 使用 import 关键字来引入模块，使用 export 关键字来导出模块。

3. AMD（Asynchronous Module Definition）：

• AMD 是一种异步模块定义规范，用于浏览器端的模块化开发。
• 使用 define() 函数来定义模块，使用 require() 函数来引入模块。

4. UMD（Universal Module Definition）：

• UMD 是一种通用模块定义规范，兼容 CommonJS、AMD 和全局变量的使用。
• 使用特定的模式来定义模块，既可以用于浏览器端也可以用于服务器端。

示例（ES6 模块化）：

// 模块 module1.js
export const name = "John";
export function greet() {
    console.log(`Hello, ${name}!`);
}

// 主程序 main.js
import { name, greet } from './module1.js';

console.log(name); // 输出: John
greet(); // 输出: Hello, John!