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