手写CMD规范的异步加载机制（seaJs）

最新推荐文章于 2023-12-20 18:04:50 发布

一杯码农

最新推荐文章于 2023-12-20 18:04:50 发布

阅读量423

点赞数

分类专栏：前端开发文章标签： nodejs javascript html5

本文链接：https://blog.csdn.net/weixin_38407447/article/details/117414542

版权

本文详细介绍了如何手写CMD规范的异步加载机制，通过引用之前实现的模块加载器__load，创建了CMD规范的示例。分别创建了a.js、b.js作为模块，main.js作为入口模块，利用async/await处理require的异步回调。CMD规范的亮点在于按需加载，相比AMD的提前加载，具备资源优化的优势。

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

实现完上文的AMC规范异步加载机制后，

https://blog.csdn.net/weixin_38407447/article/details/117407660

这里实现一下CMD 规范的异步加载机制

同样需要用到这篇文章实现的模块加载器 __load

https://blog.csdn.net/weixin_38407447/article/details/117402939?spm=1001.2014.3001.5501

新建cmd.js


gb.sj = {}

//保存定义的模块和依赖
const modules = new Map()
const exports = {}
//提取函数中的依赖
function getDepsFromFun(fun){
    return fun.toString().match(/(?<=require\(['"])(\w+)(?=['"]\))/g)
}
function define(...arr){
    let callback  =  arr.pop()
    let [ id, ] = arr
    let deps = getDepsFromFun(callback)
    modules.set(id,{ id, deps, callback })
}   
//根据模块名称生成资源请求链接
var getUrl = (id)=>{
    let a = loca