《二》AMD和CMD

最新推荐文章于 2022-09-23 10:33:27 发布

勤奋的宇威

最新推荐文章于 2022-09-23 10:33:27 发布

阅读量221

点赞数

分类专栏：模块化文章标签： js

本文链接：https://blog.csdn.net/weixin_45080852/article/details/104127395

版权

7 篇文章 0 订阅

订阅专栏

本文介绍了AMD（异步模块定义）和CMD（公共模块定义）两种JavaScript模块加载规范，分别以require.js和sea.js为例进行阐述。在AMD中，模块的导入与导出通过define函数异步执行；而在CMD中，同样使用define函数，但遵循同步执行原则。

摘要由CSDN通过智能技术生成

全称是Asynchronous Module Definition，即异步模块加载机制

require.js实现了AMD规范

在AMD中，导入和导出模块的代码，都必须放置在define函数中

define([依赖的模块列表], function(模块名称列表){
    //模块内部的代码
    return 导出的内容
})

<script data-main="./a.js" src="./js/require.js"></script>data-main找到入口文件

页面
html页面<script data-main="./a.js" src="./js/require.js"></script>

a.js

console.log("我是a模块");

define(["b"],(b)=>{
    console.log("a模块内容",b)
    return "a模块内容！返回值"
})

b.js

define(()=>{
    console.log("b.js")
    return "我是b.js文件"
})

执行顺序
a.js:1 我是a模块
b.js:2 b.js
a.js:4 a模块内容我是b.js文件

全称是Common Module Definition，公共模块定义规范

sea.js实现了CMD规范

在CMD中，导入和导出模块的代码，都必须放置在define函数中

define(function(require, exports, module){
    //模块内部的代码
})

关注

专栏目录