11、 深入理解JavaScript模块化开发

深入理解JavaScript模块化开发

1. 什么是模块？

在JavaScript中，模块化开发已经成为一种不可或缺的编程实践。一个文件即是一个模块，每个模块都是一个独立的脚本。模块化开发使得代码更加组织化、易于维护，并且可以避免全局命名空间的污染。模块可以相互加载，并通过导出和导入特殊的指令来交换功能。

模块的基本概念

• 文件即模块 ：每个JavaScript文件都是一个模块。
• 导出功能 ：模块可以导出特定的变量、函数或类，以便其他模块可以使用。
• 导入功能 ：模块可以从其他模块导入所需的变量、函数或类。

模块的简单示例

// mathUtils.js
export function add(a, b) {
  return a + b;
}

export function subtract(a, b) {
  return a - b;
}

// main.js
import { add, subtract } from './mathUtils.js';

console.log(add(2, 3)); // 输出: 5
console.log(subtract(5, 2)); // 输出: 3

2. 为什么使用模块？

模块化开发带来了诸多好处，以下是其主要优势：