seajs模块加载与执行原理小记
2014-04-22 21:44
218 查看
本文仅讨论具名模块的情况,即通过spm打包出来的模块.
想起ID与路径统一原则,详见https://github.com/seajs/seajs/issues/930
今天又研究了下seajs源码,源码中并没有显式的判断id与路径相不相等,即没有类似如下的代码
if(id == uri){
mod.exec();
}
假定被加载的模块为a.js
step1:在加载a.js前,就创建并缓存了a.js的module实例A,key值为a.js的全路径,暂定为uriA
step2:定义好onload事件(这里ie又出来捣乱了),创建script标签插入head
step3:浏览器加载完a.js后,执行define方法跟踪代码到seajs内部,发现并没有做什么特别的事,只是调用了Module.save方法,id与路径的匹配即体现在这个save方法中.且看源码:
第3行,获取缓存中的module,uri是模块中的id.
假如id与加载路径相等,那么这里可以获取到step1缓存的A,然后将factory等属性赋给A,结束
假如id与加载路径不相等,那么这里将获取不到A,会新创建一个新实例B
step4:浏览器执行完a.js的代码,执行onload回调,进行一系列的属性操作(比如waiting和remain)和依赖模块的加载等等,这里有递归...需要花点时间才能看懂.
step5:等step4的所有递归执行完,也即a.js及其所有依赖模块都已加载完,执行完,进入就绪状态,执行a.js的factory,这里的factory从A中获取,A通过uriA从缓存中获取.
如果step3中,a.js中的id与加载它的路径不一致,那么这里A中的factory将是undefined,所以你的factory方法就不执行.
以上是seajs处理模块的大致流程.
至于使id与路径一致,通常的做法是,use或require里的直接量字符串参数与模块里的id相等.比如
不过,这两个值通过seajs内部resolve过后能相等,也是可以的.
想起ID与路径统一原则,详见https://github.com/seajs/seajs/issues/930
今天又研究了下seajs源码,源码中并没有显式的判断id与路径相不相等,即没有类似如下的代码
if(id == uri){
mod.exec();
}
假定被加载的模块为a.js
step1:在加载a.js前,就创建并缓存了a.js的module实例A,key值为a.js的全路径,暂定为uriA
step2:定义好onload事件(这里ie又出来捣乱了),创建script标签插入head
step3:浏览器加载完a.js后,执行define方法跟踪代码到seajs内部,发现并没有做什么特别的事,只是调用了Module.save方法,id与路径的匹配即体现在这个save方法中.且看源码:
// Save meta data to cachedMods Module.save = function(uri, meta) { var mod = Module.get(uri) // Do NOT override already saved modules if (mod.status < STATUS.SAVED) { mod.id = meta.id || uri mod.dependencies = meta.deps || [] mod.factory = meta.factory mod.status = STATUS.SAVED } }
第3行,获取缓存中的module,uri是模块中的id.
假如id与加载路径相等,那么这里可以获取到step1缓存的A,然后将factory等属性赋给A,结束
假如id与加载路径不相等,那么这里将获取不到A,会新创建一个新实例B
step4:浏览器执行完a.js的代码,执行onload回调,进行一系列的属性操作(比如waiting和remain)和依赖模块的加载等等,这里有递归...需要花点时间才能看懂.
step5:等step4的所有递归执行完,也即a.js及其所有依赖模块都已加载完,执行完,进入就绪状态,执行a.js的factory,这里的factory从A中获取,A通过uriA从缓存中获取.
如果step3中,a.js中的id与加载它的路径不一致,那么这里A中的factory将是undefined,所以你的factory方法就不执行.
以上是seajs处理模块的大致流程.
至于使id与路径一致,通常的做法是,use或require里的直接量字符串参数与模块里的id相等.比如
//html页面 seajs.use("app/start",function(){ // code }) //start.js define("app/start",["jquery/jquery/1.7.2/jquery"],function(require, exports, module){ //code })
不过,这两个值通过seajs内部resolve过后能相等,也是可以的.
相关文章推荐
- requireJS&seaJS模块加载器原理:<script>标签加载外部js文件用到的onload、onerror和onreadystatechange事件
- seajs模块之间依赖的加载以及模块的执行
- seajs模块之间依赖的加载以及模块的执行
- SylixOS动态加载器系列文章(4) 内核模块加载原理
- OpenERP模块动态加载原理及启动代码分析
- Linux设备驱动模块自加载示例与原理解析
- Javascript模块加载框架——seajs
- Openvswitch原理与代码分析(3): openvswitch内核模块的加载
- seajs学些(5)----模块的加载启动
- Windows下动态加载可执行代码原理简述
- seaJs的模块定义和模块加载浅析
- 单步调试理解webpack里通过require加载nodejs原生模块实现原理
- java内功 ---- jvm虚拟机原理总结,侧重于虚拟机类加载执行系统
- javascript模块加载框架seajs详解
- 动态加载python可执行模块的办法(示例代码)
- 浏览器加载 CommonJS 模块的原理与实现
- jraiser模块加载执行简要总结
- SeaJS 中的 exports 和模块加载
- 初探iptables自动加载模块原理
- seajs+backbone实现单页面应用模块自动加载