2015年8月8日

seajs的require函数原理剖析


最近切图网在开发一款快速微场景搭建方案:触景。需要对网上一个优秀的效果进行剖析,分析其原理,以便于做出更好的解决方案,但是无奈这个效果采用seajs来架构,用了seajs之后,加载看来是简洁了,但是不如以前那么明朗了,不得不把seajs仔仔细细研究一番。而seajs最重要的函数就是require。

seajs确实不错,模块化加载用起来得心应手。准备以后自己每个项目都是用seajs来管理自己的js代码了。

言归正传,说到seajs里面的require着实不明白是怎么工作的。最开始我是认为中断代码执行,然后再等js加载完后调用callback(也就是 对应的arguments.caller) 后来终于通过Google论坛找到了对应的说明(最开始看seajs-debug.js源码楞是没有看下去):

define(factory) 中的 factory 函数。原理是,当将 js 文件加载回来后,执行的仅是 define(factory) 函数,factory 则还未执行。执行 define 时,会扫描 factory.toString() 方法,得到当前模块依赖的文件,下载完好,再执行 factory 函数, 这样就实现了提前并行加载,但执行时看起来是同步的。

这样一来就豁然开朗了~~~~(作者:nelson

标签:

微信扫一扫二维码访问