JS中模块的写法
来源:互联网 发布:草根源码 编辑:程序博客网 时间:2024/06/04 19:09
一、原始写法
模块就是实现特定功能的一组方法。只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块。
function m1(){
//...
}
function m2(){
//...
}
二、对象写法
为了解决上面的缺点,可以把模块写成一个对象,所有的模块成员都放到这个对象里面。var module1 = new Object({
_count : 0,
m1 : function (){
//...
},
m2 : function (){
//...
}
});
三、立即执行函数写法
使用"立即执行函数"(Immediately-Invoked Function Expression,IIFE),可以达到不暴露私有成员的目的。var module1 = (function(){
var _count = 0;
var m1 = function(){
//...
};
var m2 = function(){
//...
};
return {
m1 : m1,
m2 : m2
};
})();
四、放大模式
如果一个模块很大,必须分成几个部分,或者一个模块需要继承另一个模块,这时就有必要采用"放大模式"(augmentation)。var module1 = (function (mod){
mod.m3 = function () {
//...
};
return mod;
})(module1);
五、宽放大模式(Loose augmentation)
在浏览器环境中,模块的各个部分通常都是从网上获取的,有时无法知道哪个部分会先加载。如果采用上一节的写法,第一个执行的部分有可能加载一个不存在空对象,这时就要采用"宽放大模式"。var module1 = ( function (mod){
//...
return mod;
})(window.module1 || {});
与"放大模式"相比,"宽放大模式"就是"立即执行函数"的参数可以是空对象。
六、输入全局变量
独立性是模块的重要特点,模块内部最好不与程序的其他部分直接交互。为了在模块内部调用全局变量,必须显式地将其他变量输入模块。
var module1 = (function ($, YAHOO) {
//...
})(jQuery, YAHOO);
上面的module1模块需要使用jQuery库和YUI库,就把这两个库(其实是两个模块)当作参数输入module1。这样做除了保证模块的独立性,还使得模块之间的依赖关系变得明显。
0 0
- JS中模块的写法
- JS中模块的写法
- js模块化开发1.模块的写法
- js中时间的写法
- js 中定时器的写法
- Js中对象的写法
- js中自定义mouseenter、mouseleave的写法
- 编程中外部JS的良好写法
- js中二维数组的写法
- js中(function(){})()的写法用处
- 在js中引用图片的写法
- JS中语句的另类写法。
- JS中回调函数的写法
- js中匿名函数的写法
- js 中getElementsByClassName的兼容性写法
- 在Js中网页跳转的写法
- 在js中引用图片的写法
- js中面向对象的写法
- 2016年半年总结-提高你的加速度
- vs工程动态库和静态库学习心得
- 表单验证实现方法
- JS_Ajax基础
- 升序和降序(小练习)
- JS中模块的写法
- 一周学会Linux
- 2016前半年总结
- jmeter利用excel宏秒创百万级测试数据方法
- HDU 5813 Elegant Construction(贪心)
- 宽字符wchar、窄字符char、无符号字符(unsigned char)之间的转换
- Spark知识点补充
- Java(Calendar)
- 带 -option的Shell脚本