18、JavaScript 代码共享与管理：从文件到社区

JavaScript 代码共享与管理：从文件到社区

1. 利用 Import 和 Export 隔离功能

在 JavaScript 早期，所有代码都放在一个文件中，甚至开发者会将所有 JavaScript 代码放在单个 <script> 标签下的 DOM 中。后来情况逐渐改善，有人创建了代码来压缩和连接文件，之后 Require.js 和 CommonJS 等项目让开发者可以使用模块在文件间共享代码。如今，模块简化为简单的 import 和 export 语句。

虽然代码拆分方便，但最终仍需将代码合并和压缩成单个文件，浏览器未来才能动态导入代码。

1.1 基本的导出和导入

要共享代码，只需在对象前添加 export 语句。例如：

// functions/context/method.js
const validator = {
    message: 'is invalid.',
    setInvalidMessage: field => `${field} ${this.message}`,
};
export { validator };

这意味着可以导出函数、变量和类。若选择只导出部分函数，就相当于创建了公共和私有函数。

若想共享两个函数同时隐藏一个，示例如下：

// architecture/import/single/util.js
function get