requirejs模块化-入门

先创建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>

最后编辑于：2017.12.05 04:56:47

requirejs模块化-入门

推荐阅读更多精彩内容