requirejs代码结构分析
一。函数入口函数。
req = requirejs = function (deps, callback, errback, optional) { //Find the right context, use default var context, config, contextName = defContextName; //“_” //deps 是对象的话,则可能是config。 // Determine if have config object in the call. if (!isArray(deps) && typeof deps !== 'string') { // deps is a config object config = deps; if (isArray(callback)) { // Adjust args if there are dependencies deps = callback; callback = errback; errback = optional; } else { deps = []; } } if (config && config.context) { contextName = config.context; } //获取自己的属性。 //contexts:运行环境。默认 “-” context = getOwn(contexts, contextName); if (!context) {
//返回的核心函数,context.require = context.makeRequire();即确定了require函数。 context = contexts[contextName] = req.s.newContext(contextName); } if (config) { context.configure(config); } //这个函数的运行得到makeRequire,会去对依赖项 从define内存中找出来,并实例化模块, return context.require(deps, callback, errback); };
//Create default context.
req({}); //创建一个默认环境,contexts["_"], 并且返回 一个require(deps,callback,errback);供外部使用。
cfg:一开始会去确定好baseurl,或者依赖 data-main的值会放入依赖 deps这个属性。cfg.deps会调用require函数,去检查并下载。
req(cfg); //Set up with config info.,将cfg baseurl, data-main的配置引入 依赖cfg.deps。
newContext 返回的核心函数: context.require = context.makeRequire();
makeRequire:是函数入口核心函数: req({}),会确定好环境。
makeRequire的核心代码:
context.nextTick(function () { //Some defines could have been added since the //require call, collect them. console.log( this,deps ); //从define函数注册中的 对象中拿出 并实例化并init intakeDefines(); //从register里拿或者创建 实例化模块module requireMod = getModule(makeModuleMap(null, relMap)); //Store if map config should be applied to this require //call for dependencies. requireMod.skipMap = options.skipMap; //标记依赖,并下载。 requireMod.init(deps, callback, errback, { enabled: true }); // 确定是否下载了,或者超时报错,或者未超时去循环下载确定。 checkLoaded(); });
Module函数的解析:
作用:确定依赖项,和依赖项定义并执行,监听onScriptLoad,并下载。最后执行暴露函数。
主要函数以下:
enable函数:标记依赖函数,标记个数depCount,并且将依赖项makeModuleMap(统一处理路径,ID,插件头,URL,是否定义的。这种形式。),然后再次检查 是否可执行(check())。
enable():整理 依赖项的标志(个数等),->check()-第一次是下载(下载完成会自动循环检测是否下载完成。),二次是 减少依赖项,并执行暴露函数。
check:函数://check之前要确保已经 enable(处理依赖项,实例依赖项模块),检查是否没有依赖了,并运行exports。
fetch:函数:( 监听:onScriptLoad )- 》 completeLoad --》checkLoaded
completeLoad:函数:
//completeLoad:从define定义的模块中 拿到对应的实例化模块,如果没有,则从shim中重新给她define并实例化模块否则报错。并检查下载。
checkLoaded:函数:
//checkLoaded: 确定是否下载了,或者超时报错,或者未超时去循环下载确定。
define函数:作用:只是将定义的模块,加入内存中。 等到require触发会从相应的内存中拿出来。
待续:
posted on 2016-07-20 20:30 rainbow661314 阅读(232) 评论(0) 编辑 收藏 举报