SeaJS简介三：模块载入和引用

来源：互联网发布：linux如何安装迅雷编辑：程序博客网时间：2024/06/13 21:11

SeaJS简介三：模块载入和引用

2014-05-23 23:36 5436人阅读评论(6) 收藏举报

分类：

前端技术（13）

之前对模块有过介绍，一个模块对应一个js文件，而载入模块时一般都是提供一个字符串参数告诉载入函数需要的模块，所以就需要有一套从字符串标识到实际模块所在文件路径的解析算法。

SeaJS支持如下几种方式：

第一种：绝对路径--给出js文件的绝对路径

[javascript] view plain copy
 print?
require("http://example/js/a");  

第二种：相对路径--用相对调用载入函数所在js文件的相对地址寻找模块

[javascript] view plain copy
 print?
require("./c");  

第三种：通过全局变量来匹配相对路径：相对SeaJS全局配置中的“base”来寻址（后面文章会介绍到）

SeaJS提供了三种载入的方式：seajs.use，require和require.async

第一种：seajs.use

seajs.use主要用于载入入口模块。入口模块相当于JAVA程序的main函数，同时也是整个模块依赖树的根。

这种方式有几种写法：

[javascript] view plain copy
 print?
//单一模式  
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。

来个小实例来说明一下：

[html] view plain copy
 print?
   
<!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高一些。

通过上面的介绍，应该对SeaJS的模块载入和引用有所了解了，其实者通过这几篇的介绍会发现SeaJS的模块化编程思想和它带给开发人员的简单易用的特点。下篇博客介绍一下SeaJS的全局配置。

顶: 0

踩: 0

我的同类文章

前端技术（13）

•Bootstrap的表单控件2016-01-05阅读673
•Ztree简介2015-08-30阅读299
•web打印实现几种方法2014-11-30阅读1710
•SeaJS简介四：全局配置2014-05-23阅读1679
•SeaJS简介一：由来，特点以及优势2014-05-23阅读1678

•Bootstrap表单介绍2015-11-29阅读747
•Filter配置会话超时跳转页面2015-08-30阅读407
•HTML5基础资源分享2014-08-31阅读511
•SeaJS简介二：模块编写2014-05-23阅读1560

更多文章

主题推荐: seajs 微软

猜你在找: HTML 5视频教程系列之JavaScript学习篇; HTML5之新增标签，CSS3，js特效; PHP基础视频-HTML、CSS、js; HTML5实例教程——简易涂鸦板; HTML5实例教程：拼图游戏; seajs学习2----CMD 模块定义规范; seajs模块化jQuery与jQuery插件; Seajs提供简单极致的模块化开发体验; seajs学习3----模块标识; seajs-前端模块化工具CMD规范

查看评论