封装（模块化）

1 闭包实现封装

var oj= (function(){  
　　　　var _age= 0;  
　　　　var func1= function(){  
　　　　　　return _age+1; 
　　　　};  
　　　　var func2= function(){  
　　　　　　return _age+2;  
　　　　};  
　　　　return {  
　　　　　　m1 : func1,  
　　　　　　m2 : func2  
　　　　};  
})(); 

2 为上面的方法添加新方法

var obj =(function (f){  
　　　　f.func3= function () {  
　　　　　　return '方法模式';
　　　　};  
　　　　return f;//方便方法连续调用  
})(oj);//新模块obj继承oj的方法，并增加一个
alert(obj.m1());
alert(obj.m2());
alert(obj.func3());

3 上边的可能在oj没有加载，就执行obj模块，所以可以这样

var obj =(function (f){  
　　　　f.func3= function () {  
　　　　　　return '方法模式';
　　　　};  
　　　　return f;//方便方法连续调用  
})(window.oj|| {});

4 输入全局变量：独立性是模块的重要特点，模块内部最好不与程序的其他部分直接交互。为了在模块内部调用全局变量，必须显式地将其他变量输入模块。

   这是jQuery框架的源码，将window对象作为参数传入，这样做除了保证模块的独立性，还使得模块之间的依赖关系变得明显。

 

(function(window, undefined ) {  
  ……  
})(window ); 

 

转载于:https://www.cnblogs.com/by-dxm/p/6420522.html