什么是模块 (Module)？

推荐答案

在 EcmaScript 中，模块（Module）是一个独立的、可重用的代码单元，它允许你将代码分割成多个文件，每个文件可以导出（export）特定的功能或数据，同时也可以导入（import）其他模块的功能或数据。模块化编程有助于提高代码的可维护性、可重用性和可读性。

本题详细解读

模块的基本概念

模块是 EcmaScript 6（ES6）引入的一个重要特性，它允许开发者将代码分割成多个独立的文件，每个文件都可以被视为一个模块。模块可以导出（export）变量、函数、类等，供其他模块使用，同时也可以导入（import）其他模块的内容。

模块的导出与导入

导出（Export）

在模块中，你可以使用 export 关键字来导出变量、函数、类等。例如：

-- -------------------- ---- -------
-- -------
------ ----- -- - --------

------ -------- ------ -- -
    ------ - - --
-

------ ----- ------ -
    ------------------- -
        ----------- - -------
    -

    ------ -
        ------ -- - ----------- - ------------
    -
-

导入（Import）

在其他模块中，你可以使用 import 关键字来导入其他模块导出的内容。例如：

// main.js
import { PI, add, Circle } from './math.js';

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

const circle = new Circle(5);
console.log(circle.area()); // 输出: 78.53975

默认导出与导入

除了命名导出，模块还可以使用 export default 来导出一个默认值。每个模块只能有一个默认导出。

// math.js
export default function multiply(a, b) {
    return a * b;
}

在导入时，可以使用任意名称来引用默认导出的内容：

// main.js
import multiply from './math.js';

console.log(multiply(2, 3)); // 输出: 6

模块的动态导入

EcmaScript 还支持动态导入（Dynamic Import），允许在运行时按需加载模块。动态导入返回一个 Promise，可以在异步代码中使用。

// main.js
import('./math.js').then(module => {
    console.log(module.add(2, 3)); // 输出: 5
});

模块的作用域

模块具有自己的作用域，模块内部的变量、函数、类等默认是私有的，除非显式地导出它们。这有助于避免全局命名空间的污染。

模块的兼容性

虽然模块是 ES6 引入的特性，但在现代浏览器和 Node.js 中已经得到了广泛支持。对于旧版环境，可以使用 Babel 等工具将模块语法转换为兼容的代码。

总结

模块是 EcmaScript 中用于组织和管理代码的重要工具，它通过导出和导入机制实现了代码的模块化，提高了代码的可维护性和可重用性。