CMD 模块化规范

2024-09-02 11:52

文章标签 模块化 cmd 规范

本文主要是介绍CMD 模块化规范，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

CMD（Common Module Definition）是由 SeaJS 提出的模块化规范，主要用于浏览器端的 JavaScript 模块加载。CMD 规范与 AMD（Asynchronous Module Definition）规范类似，但在模块定义和依赖处理上有一些不同。CMD 规范更强调依赖的就近使用。

CMD 规范的特点

依赖就近：CMD 规范中，依赖模块的加载是按需加载的，只有在使用到依赖模块时才会进行加载。
延迟执行：CMD 规范中的模块在被引用时不会立即执行，而是在调用时才执行。

CMD 规范的基本语法

CMD 规范主要通过 define 函数来定义模块。define 函数接受三个参数：模块标识（可选）、依赖数组（可选）和模块工厂函数。

define(function(require, exports, module) {// 模块代码
});

示例

以下是一个使用 CMD 规范定义和加载模块的示例：

定义模块

假设我们有两个模块 math.js 和 main.js。

math.js：

define(function(require, exports, module) {exports.add = function(a, b) {return a + b;};
});

main.js：

define(function(require, exports, module) {var math = require('./math');var result = math.add(1, 2);console.log(result); // 输出 3
});

加载模块

使用 SeaJS 加载模块：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>CMD Example</title><script src="https://cdnjs.cloudflare.com/ajax/libs/seajs/3.0.3/sea.js"></script><script>seajs.config({base: './path/to/your/modules'});seajs.use('./main');</script>
</head>
<body>
</body>
</html>