JS模块加载机制_AMD与CMD区别-js教程-PHP中文网

JS模块加载机制_AMD与CMD区别

夢幻星辰

发布： 2025-11-16 23:51:05

原创

989人浏览过

AMD采用异步预加载，依赖前置；CMD支持懒加载，依赖就近书写；前者适合模块独立应用，后者适应动态依赖场景，两者均用于浏览器端模块化，现多被ES6模块取代。

js模块加载机制_amd与cmd区别

AMD 和 CMD 都是 JavaScript 的模块加载规范，用于解决浏览器端模块化开发的问题。虽然它们目标相似，但在设计思想、使用方式和适用场景上有明显区别。

1. AMD：异步模块定义

AMD（Asynchronous Module Definition）强调模块的异步加载，适合在浏览器环境中使用。

AGI-Eval评测社区

AI大模型评测社区

查看详情

模块提前加载：依赖模块会在模块执行前预先加载。
推崇前置依赖：依赖关系写在模块定义开头，便于提前解析。
代表实现是 RequireJS。
适合依赖较多、模块独立性强的应用。

示例（RequireJS）：

define(['dep1', 'dep2'], function(dep1, dep2) {
  return {
    method: function() {
      dep1.do();
      dep2.do();
    }
  };
});

登录后复制

2. CMD：通用模块定义

CMD（Common Module Definition）由 SeaJS 提出，强调“按需加载”和“就近书写”，更贴近 CommonJS 的风格。

模块延迟加载：依赖在 require 时才执行，支持懒执行。
推崇就近依赖：依赖可以写在函数内部任何位置，代码更灵活。
代表实现是 SeaJS。
适合逻辑复杂、依赖动态的项目。

示例（SeaJS）：

define(function(require, exports, module) {
  var dep1 = require('./dep1');
  dep1.do();

  if (condition) {
    var dep2 = require('./dep2'); // 按需加载
    dep2.do();
  }
});

登录后复制

3. 核心区别对比

加载时机：AMD 是预加载，CMD 是懒加载。
依赖执行：AMD 依赖模块会立即执行；CMD 在 require 时才执行。
书写风格：AMD 要求依赖前置声明；CMD 允许依赖写在逻辑中。
性能考量：AMD 可能浪费资源加载未使用的模块；CMD 更节省，但可能延迟执行。

基本上就这些。两者都解决了 JS 模块化问题，选择哪个取决于项目结构和开发习惯。现在 ES6 模块普及后，这些规范更多用于旧项目维护。

以上就是JS模块加载机制_AMD与CMD区别的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript与Rust/Wasm互操作中的浮点数精度差异及解决方案 JavaScript实现表单数据序列化_javascript表单 JavaScript与Rust WASM浮点数计算精度差异及解决方案优化JavaScript事件处理：事件委托与状态跟踪实现动态变量赋值 JavaScript中的类(Class)与继承详解_js ES6+