模块化编程

   随着网页设计发展越来越复杂，javascript编码逐渐趋向模块化编程。但ES5 标准中并没类class的说法，要实现模块化更加无从说起，虽说最新的ES6 已经将类和模块列入要求，但是它的正式推广可能还要一断时间。但是要实现"模块化"还是有办法实现。

  一、原始写法

   最初的模块写法是将各种功能相似的函数和相关变量放在一起。

function a(){
....
}
function b(){
.....
}

 但这种做法明显的缺点是，很容易造成全局污染，无法保证不与其他模块变量方法发生冲突，还有就是无法看出模块与各成员的关系。

二、对象写法

为了改进上面缺点，可以使用一个对象将模块成员封装起来。

var Head =
{
title : function(){
...
}
content : function() {
....
}

上面这种写法，要调用时可以通过调用这个对象的属性来调用。

Head.title();

但是这种做法很容易把内部的方法和变量暴露给外部，容易被修改。

Head.content=function(){
var content = myContent;
  return content;
}

三、立即执行函数

使用立即执行函数，可以做到不暴露私有成员的目的

var Head = ({ function(){

var title = function() {
....
}
var content=function(){
....
}
})()

这种方法能够使外部无法获得里面的方法和变量，若要用到相关方法变量，可以在里面返回一个方法：

var Head= (function ( ) {

    function method1(){
        title ： function(){
...
}
    }

    return{
        getTitle: function(){
            title();
        }
    };

})(  );

myModule.getTitle();