先创建5个js文件,放在js文件夹下,分别是:
1.js
define(function(){
return a=1;
});
2.js
define(function(){
return a=2;
});
3.js(此处调用模块的时候并不用写js/1.js,因为默认后缀是js;这里要传参数require)
define(['js/1'],function(require){
return require+16;
});
4.js(这里要传参数require)
define(function(require){
var a=require('js/1');
var b=require('js/2');
return a+b;
});
5.js(此处this
指的就是5.js)
define(function(){
return{
a:'kang',
b:function(){return 'vi'+this.a}
}
});
然后是html文件,如下:
(注意要引入requirejs;其中mod1、mod2等是形参,与前面[]中参数对应即可)
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="十七-vikang" />
<title>十七 - http://www.jianshu.com/users/626b6b7f6b78/latest_articles</title>
<script type="text/javascript" src="js/require.min.js" ></script>
<script>
require(['js/1','js/2','js/3','js/5','js/4'],function(mod1,mod2,mod3,mod5,mod4){
alert(mod1); //2
alert(mod1+mod2); //3
alert(mod3) //17
alert(mod4) //3
alert(mod5.b()); //vikang
});
</script>
<body>
</body>
</head>