Seajs模块载入方法

SeaJS提供了三种载入的方式:seajs.use,require和require.async
第一种:seajs.use
seajs.use主要用于载入入口模块。入口模块相当于JAVA程序的main函数,同时也是整个模块依赖树的根。

//单一模式  
seajs.use('./a');  
   
//回调模式  
seajs.use('./a', function(a) {  
  a.run();  
});  
   
//多模块模式  
seajs.use(['./a', './b'], function(a, b) {  
  a.run();  
  b.run();  
});  

一般seajs.use只用在页面载入入口模块,SeaJS会顺着入口模块解析所有依赖模块并将它们加载。如果入口模块只有一个,也可以通过给引入sea.js的script标签加入”data-main”属性来省略seajs.use。

<!DOCTYPE HTML>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>TinyApp</title>  
</head>  
<body>  
    <p class="content"></p>  
    <script src="./sea.js" data-main="./init"></script>  
</body>  
</html> 

第二种:require
require是SeaJS主要的模块加载方法,当在一个模块中需要用到其它模块时一般用require加载:ar a = require('a'); //引入a模块
第三种:require.async
之前的require方式是一次把所有依赖的JS文件都加载进来,如果想什么时候用到什么时候加载的话就会用这种方式,这种方式效率比require高一些。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容