提到前端模块化，Seajs 是一个绕不开的名字。它追求的是让代码组织变得简单自然，说白了，就是让开发者写 JS 的时候能更舒服一点。基于 CMD 规范，Seajs 会自动处理模块间的依赖关系，配置方式也足够干脆，能让程序员把精力真正放在业务逻辑上，而不是纠结于文件加载顺序。

1. 简介

Sea.js 是一个 Web 模块加载框架，核心理念就是简单、自然。它遵循 CMD 规范，把 Ja vaScript 代码放到一个个模块里。依赖自动加载，配置清晰，这些都是它的标签。用起来，你只需要专注于写代码，剩下的事交给 Sea.js 就好。

2. 优缺点

优点：

• 提高可维护性。模块化之后，每个文件职责清晰，改动一处不会影响到其他地方。
• 模块化编程。代码不再是一团乱麻，而是有组织、有层次的结构。
• 动态加载，前端性能优化。按需加载，首屏加载更快。

缺点：

• 学习文档偏少且混乱。而且一旦团队决定使用，所有人的 JS 编写习惯都得改成模块化方式，这可不是一朝一夕的事。
• 不太适合当前团队的情况——多 JS 文件但很少改动。动态加载的优势、模块化的优势都体现不出来，反而增加了复杂度。
• 需要配套使用 SPM 工具来打包和管理，又多了一层学习成本。

2. 什么是 CMD 和 AMD ？

AMD（Asynchronous Module Definition）是 RequireJS 在推广过程中对模块定义的规范化产出。CMD（Common Module Definition）则是 SeaJS 在推广过程中对模块定义的规范化产出。RequireJS 和 SeaJS 都是模块化框架的代表，AMD 和 CMD 是它们各自定义模块化的方式。说白了，大同小异，主要区别就是代码风格和 API 设计的不同。

3. 如何使用？

先引入 Sea.js 核心库，然后配置模块路径，最后用 seajs.use 加载入口模块。来看一个简单的例子：

这个例子展示了最基础的使用方式：先配置 jQuery 的别名，然后用 seajs.use 加载 init.js，在回调里就可以用 jQuery 了。而 init.js 内部通过 define 定义模块，require('jquery') 就能拿到依赖，最后返回出去。

《夸克》非常好用的免费AI浏览器

下载APP查看