①引入sea.js的库
②如何变成模块?
define
③如何调用模块?
exports
seajs.use
④如何依赖模块?
require
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script src="sea/sea.js"></script>
<script type="text/javascript">
//两个参数 : 第一个参数 : 模块的地址 第二个参数 : 回调函数
//sea的默认根目录 : sea.js这个文件
seajs.use('./js/module1.js',function(ex){
ex.show();
function show(){
alert('无冲突小明');
}
show();
});
seajs.use('./js/module2.js',function(ex){
ex.show();
function show(){
alert('无冲突小明2调用3');
}
show();
});
seajs.config({
alias : {
mjs : './js/module3.js'
}
});
seajs.use('mjs',function(ex){
alert(ex.a);
})
</script>
</body>
</html>
// JavaScript Document
define(function(require,exports,module){
//exports:对外提供接口的对象
function show(){
alert('找到小明');
}
exports.show = show;
});
// JavaScript Document
define(function(require,exports,module){
//require:模块之间依赖的接口
//当引入的的是sea下面的模块的时候,那么require执行完的结果就是exports
var a = require('./module3.js').a; //当引入的是sea下面的模块的时候,那么require执行完的结果就是exports
function show(){
alert(a);
}
exports.show = show;
});
// JavaScript Document
define(function(require,exports,module){
//alert( module.exports == exports );//true
/*require.async('.js/module2.js',function(){
alert('模块加载完的回调');
});
*/
var a = '小明2调小明3';
module.exports = {
a : a
};
});