requirejs模块化html,requirejs模块化-入门

本文详细介绍了如何通过JavaScript模块化编程实现文件之间的通信,包括使用`define`函数定义模块,动态加载并操作依赖,并展示了在HTML中通过RequireJS调用模块的实例。重点在于模块的组织与跨文件数据传递。
摘要由CSDN通过智能技术生成

先创建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等是形参,与前面[]中参数对应即可)

十七 - http://www.jianshu.com/users/626b6b7f6b78/latest_articles

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

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值