seajs源码阅读

Posted 2020-06-18 给力叔

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了seajs源码阅读相关的知识，希望对你有一定的参考价值。

乘着周日有点时间，阅读一下玉伯大神的源码。

seajs的源码写得真的很好，很是佩服，工整美观不愧是大神，造福百姓。

说起seajs不得不说,AMD和CMD的区别。

CMD 推崇依赖就近，AMD 推崇依赖前置。

事实上我对他们的区别没啥兴趣。关键是requirejs没明显的BUG，seajs明显没BUG。

两者最大区别请看这里:http://www.cnblogs.com/gyjWEB/p/4543945.html

好了，扯正题。

可以先看看别人写的源码解析:https://segmentfault.com/a/1190000000471722

我只补上模块的加载过程.首先，弄个简单的DEMO。

<!DOCTYPE html>
<html>
<head>
    <title>seajs源码阅读</title>
</head>
<body>
    <script src="seajs-2.2.3/dist/sea-debug.js"></script>
    <script>
        seajs.use("./application",function(){
        })
    </script>
</body>
</html>

很简单的代码，使用application.js做主文件.下面是application.js源码.

define(function(require,exports,module){
    var test = require(\'ModuleTest\');
});

application.js只依赖了ModuleTest.

seajs.use为入口.会先预加载，然后再调用Module.use.

seajs.use = function(ids, callback) {
  //预加载，预加载的模块可以通过seajs.config设置
  Module.preload(function() {
    //开始了
    Module.use(ids, callback, data.cwd + "_use_" + cid())
  })
  return seajs
}

Module.use的代码很关键.一开始会创建一个模块就叫做入口模块吧,这个模块是没有id的，而且这个模块会依赖主模块，更关键的是，这个入口模块有callback，其他模块是没有callback。

Module.use = function (ids, callback, uri) {
  var mod = Module.get(uri, isArray(ids) ? ids : [ids])
  //模块回调,加载完了之后就执行
  mod.callback = function() {
    //......
  }
  //加载模块
  mod.load()
}