Javascript模块模式介绍和示例

Module模式
Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。
首先我们来看看Module模式的基本特征：
模块化，可重用
封装了变量和function，和全局的namaspace不接触，松耦合
只暴露可用public的方法，其它私有方法全部隐藏
关于Module模式，最早是由YUI的成员Eric Miraglia在4年前提出了这个概念，我们将从一个简单的例子来解释一下基本的用法（如果你已经非常熟悉了，请忽略这一节）。

先看一下最简单的一个实现，代码如下：

var Calculator = function (eq) { 
//这里可以声明私有成员   
    var eqCtl = document.getElementById(eq); 
    return {      
        // 暴露公开的成员      
        add: function (x, y) {              
            var val = x + y;
            eqCtl.innerHTML = val;
        }
    };
};

我们可以通过如下的方式来调用：

var calculator = new Calculator('eq');
calculator.add(2, 2);

大家可能看到了，每次用的时候都要new一下，也就是说每个实例在内存里都是一份copy，如果你不需要传参数或者没有一些特殊苛刻的要求的话，我们可以在最后一个}后面加上一个括号，来达到自执行的目的，这样该实例在内存中只会存在一份copy。
自执行Module模式
// 创建一个立即调用的匿名函数表达式 // return一个变量，其中这个变量里包含你要暴露的东西 // 返回的这个变量将赋值给counter，而不是外面声明的function自身

var counter = (function () {      
    var i = 0;
    return {
       get: function () {            
           return i;
       },
       set: function (val) {
           i = val;
       },
       increment: function () { 
           return ++i;
       }
    };
} ()); // counter是一个带有多个属性的对象，上面的代码对于属性的体现其实是方法

调用

counter.get(); // 0  counter.set(3);
counter.increment(); // 4  counter.increment(); // 5  counter.i; // undefined 因为i不是返回对象的属性