Requirejs定义模块
模块可以很好的定义作用域来避免全局名称空间污染,它可以显示的定义出函数间的依赖关系,而不需要引用全局变量。
RequireJS可以加载多个不同的模块,虽然加载的顺序不一样,但是能保证依赖的顺序是正确的。
1. 当模块中只有键值对时,可通过如下方式定义。
define({name:"beautiful",color:"yellow",size:"3M"});
2. 当模块中没有依赖,只有函数时,模块的格式如下
define(function(){return{name:"beautiful",color:"yellow",size:"3M"}});
3. 当模块中有依赖函数时,先定义出依赖函数的路径,依赖的函数的别名。
define(["./cart","./inventory"],function(cart,inventory){return{name:"beautiful",color:"yellow",size:"3M"addToCart:function(){inventory.decrement(this);cart.add(this);}}});
4. 将模块定义为函数
define(["my/cart","my/inventory"],function(cart,inventory){returnfunction(title){returntitle?(window.title=title):inventory.storeName+''+cart.name;}});
通过上面的例子也许你已经注意到了,模块中的注册的函数或对象都是在return中返回的。如果你自定义了一些函数应该模块通过return返回,否则模块是无法找到你定义的函数的。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。