m3m4版本

(function(w){
    var loading={}
    var models={}

    function define(name,args){
        loading[name]=true
        models[name]=args
    }
    function require(name,callback){
        var next=function(){
            require(name,callback)
        }
        if(loading[name]&&models[name].length==1){
            models[name]=models[name][0]()
            loading[name]=false
        }
        //解析
        if(loading[name]&&models[name].length>1){
            var args=models[name]
            var func=args.pop()
            var len=args.length
            var dataArr=[]
            for(var i=0;i<args.length;i++){
                var model=args[i]
                require(model,function(data){
                    dataArr.push(data)
                    if(--len==0){
                        var sync=args.indexOf("$callback")
                        if(sync==-1){
                            models[name]=func.apply(this,dataArr)
                            loading[name]=false
                            next()
                        }else{
                            dataArr[sync]=function(back){
                                models[name]=back
                                loading[name]=false
                                next()
                            }
                            func.apply(this,dataArr)
                        }
                    }
                })
            }
        }else{
            callback(models[name])
        }
    }
    w.m3m4=function(func){
        func(define,require)
    }
})(typeof window!="undefined"?window:global)

demo1

m3m4(function(define,require){
    define("a",[function(a){
        return "a"
    }])
    define("b",["a","$callback",function(a,callback){
        console.log(a)
        setTimeout(function(){
            callback("b sync")
        },1000)

    }])
    define("c",["$callback","a","b",function(callback,a,b){
        console.log(b)
        console.log(a)
        setTimeout(function(){
            callback("c sync")
        },1000)

    }])
    require("c",function(c){
        console.log(c)
    })
})

  

 

 jQuery版本

(function($){
    var loading={}
    var models={}

    function define(name,args){
        loading[name]=true
        models[name]=args
    }
    function require(name,callback){
        var next=function(){
            require(name,callback)
        }
        if(loading[name]&&models[name].length==1){
            models[name]=models[name][0]()
            loading[name]=false
        }
        //解析
        if(loading[name]&&models[name].length>1){
            var args=models[name]
            var func=args.pop()
            var len=args.length
            var dataArr=[]
            for(var i=0;i<args.length;i++){
                var model=args[i]
                require(model,function(data){
                    dataArr.push(data)
                    if(--len==0){
                        var sync=args.indexOf("$callback")
                        if(sync==-1){
                            models[name]=func.apply(this,dataArr)
                            loading[name]=false
                            next()
                        }else{
                            dataArr[sync]=function(back){
                                models[name]=back
                                loading[name]=false
                                next()
                            }
                            func.apply(this,dataArr)
                        }
                    }
                })
            }
        }else{
            callback(models[name])
        }
    }
    $.define=define
    $.require=require
})($)

  demo2

var define= $.define
var require= $.require
define("a",[function(a){
    return "a"
}])
define("b",["a","$callback",function(a,callback){
    console.log(a)
    setTimeout(function(){
        callback("b sync")
    },1000)

}])
define("c",["$callback","a","b",function(callback,a,b){
    console.log(b)
    console.log(a)
    setTimeout(function(){
        callback("c sync")
    },1000)

}])
require("c",function(c){
    console.log(c)
})

  

异步的模块合并管理器-m3m4版本和jquery版本(原创)的更多相关文章

  1. 使用 NuGet 包管理器在 Visual Studio 中安装和管理包

    https://docs.microsoft.com/zh-cn/nuget/consume-packages/install-use-packages-visual-studio 通过 Window ...

  2. javascript 模块依赖管理的本质

    模块模式定义 模块是'javascript'的一种设计模式,它为函数定义一个包装函数,并且该包装函数的返回值与模块的API保持一致: function createModule() { functio ...

  3. 使用 Windows 包管理器 (winget) 安装 .Net

    用户可以在 Windows 10 和 Windows 11 计算机上使用 winget 命令行工具来发现.安装.升级.删除和配置应用程序. 此工具是 Windows 程序包管理器服务的客户端接口. 以 ...

  4. [Web 前端] 使用yarn代替npm作为node.js的模块管理器

    cp from : https://www.jianshu.com/p/bfe96f89da0e     Fast, reliable, and secure dependency managemen ...

  5. 使用yarn代替npm作为node.js的模块管理器

    使用yarn代替npm作为node.js的模块管理器 转 https://www.jianshu.com/p/bfe96f89da0e     Fast, reliable, and secure d ...

  6. nodejs-npm模块管理器

    JavaScript 标准参考教程(alpha) 草稿二:Node.js npm模块管理器 GitHub TOP npm模块管理器 来自<JavaScript 标准参考教程(alpha)> ...

  7. JS模块规范 前端模块管理器

    一:JS模块规范(为了将js文件像java类一样被import和使用而定义为模块, 组织js文件,实现良好的文件层次结构.调用结构) A:CommonJS就是为JS的表现来制定规范,因为js没有模块的 ...

  8. 在SSIS 的 64 位版本中不支持 Excel 连接管理器

    Microsoft sql server 2008 R2——> SQL SERVER Business Intelligence Development Studio 使用EXCEL数据源或目标 ...

  9. Webpack: 为Web开发而生的模块管理器[转]

    Webpack: 为Web开发而生的模块管理器 原文地址:http://hanjianwei.com/2014/09/10/webpack-package-manager-for-web/ 10 Se ...

随机推荐

  1. HttpRuntime.Cache

    a.在Web开发中,我们经常能够使用到缓存对象(Cache),在ASP.NET中提供了两种缓存对象,HttpContext.Current.Cache和HttpRuntime.Cache,那么他们有什 ...

  2. Linux下的fdlisk - l 用法解析-入门篇

    fdlisk - l 的含义是查看linux下面的磁盘分区大小.这个大小包含了很多信息. 我们来看度娘的一则介绍: FDISK进行硬盘分区从实质上说就是对硬盘的一种格式化.当我们创建分区时,就已经设置 ...

  3. IDEA+DevTools实现热部署功能

      开发IDE: Intellij IDEA 2018.1 SpringBoot:1.5.9.RELEASE 热部署 大家都知道在项目开发过程中,常常会改动页面数据或者修改数据结构,为了显示改动效果, ...

  4. python核心编程第5章课后题答案

    5-8Geometry import math def sqcube(): s = float(raw_input('enter length of one side: ')) print 'the ...

  5. ApplicationContex是干啥的

    ApplicationContext就是一个百宝箱 ApplicationContext是Spring的核心,Context我们通常解释为上下文环境,我想用“容器”来表述它更容易理解一些,Applic ...

  6. Android Activity的切换动画(overridePendingTransition)

    overridePendingTransition 1.平时Activity的切换是就是从中间弹出来,然后遮盖住之前的Activity.这种效果看到很多后就想给他换成其他的效果,如: 要显示的Acit ...

  7. MVC页面加载会多次请求后台问题

    最近调试代码的时候发现有些控制器有代码走两遍的情况,后台发现是前端url或者herf标签导致请求了mvc路由,具体案例如下: 这两种路径为空的时候都会导致请求mvc路由重复请求后台方法

  8. 历届试题 小数第n位

    问题描述 我们知道,整数做除法时,有时得到有限小数,有时得到无限循环小数. 如果我们把有限小数的末尾加上无限多个0,它们就有了统一的形式. 本题的任务是:在上面的约定下,求整数除法小数点后的第n位开始 ...

  9. Codeforces Round #551 (Div. 2)B. Serval and Toy Bricks

    B. Serval and Toy Bricks time limit per test 1 second memory limit per test 256 megabytes input stan ...

  10. Markdown使用样例

    # 欢迎使用 Cmd - 在线 Markdown 编辑阅读器 ------ 我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,**Cmd Markdown** 是 ...