requirejs模块化-入门

作者: vikang | 来源:发表于2016-12-31 22:37 被阅读0次

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

相关文章

网友评论

    本文标题:requirejs模块化-入门

    本文链接:https://www.haomeiwen.com/subject/ivjbvttx.html