1.传递参数到方法
<script type="text/javascript" src="jquery-1.7.2-min.js"></script>
<script type="text/javascript" src="scripts/require.js"></script>
require(['scripts/app/world'], function(app){
app.setName('World');
app.sayName();
});
在world.js中:
define(function(){
return {
name : null,
setName: function(name){
this.name = name;
},
sayName : function(){
alert("hello " + this.name);
}
};
});
2.传递对象参数到方法
require(['scripts/app/world'], function(app){
app.setUser({name : 'zhangsan',age : 20});
app.printUser();
});
在world.js中:
define(function(){
return {
user : null,
setUser : function(user){
this.user = user;
},
printUser : function(){
alert(this.user.name + ", " + this.user.age);
}
};
});
3.使用requireJS配置
<script>
var require = {
config: {
'world': {
name: 'lcq'
}
}
};
</script>
<script data-main="scripts/app/world" src="scripts/require.js"></script>
在world.js中
define(['module'], function(module){
alert('Hello ' + module.config().name);
});
4.使用分离的配置方式
实现配置和数据分离,比较优雅。
<script>
var require = {
config: {
'config': {
name: 'lcq'
}
}
};
</script>
<script data-main="scripts/app/world" src="scripts/require.js"></script>
在config.js中
define(['module'], function(module){
return {
name: module.config().name
}
});
在world.js中
require(['config'], function(config){
alert('Hello ' + config.name);
});