ES Modules +案例分析 - 详解

ES Modules (ESM) 是 JavaScript 的官方模块化标准，已被所有现代浏览器和 Node.js 支持。下面通过几个实用案例来分析 ESM 的使用场景和优势。

案例 1：基础模块导入导出

math.js (模块文件)

// 导出单个功能
export const add = (a, b) => a + b;
// 导出多个功能
export const multiply = (a, b) => a * b;
// 导出默认功能
export default (a, b) => a - b;

app.js (主文件)

// 导入默认功能和命名功能
import subtract, { add, multiply } from './math.js';
console.log(add(2, 3));        // 5
console.log(subtract(5, 2));   // 3
console.log(multiply(4, 5));   // 20

使用方式：在 HTML 中需要添加 type="module" 属性