Module模式 - 深入了解Javascript

/*
    Modelu模式
    优点：效率高，代码少，加载速度快，松耦合允许并行加载，提升下载速度
    缺点：初始化时间久一点
*/
//一、基础用法
var calculate = function (eq) {
    //私有成员
    var eqCtl = document.getElementById(eq);
    return {
        //暴露公开成员
        add: function (x, y) {
            var val = x + y;
            eqCtl.innerHTML = val;
        }
    }
}
//使用方式
//缺点：每次调用都要new，copy多份
var calculator = new calculate();
calculator.add(2, 2);

//二、匿名闭包   ?闭包用途和场景
(function () {
    //--所有变量和fucntion都在此声明，并且作用域也只在这个匿名闭包
    //--依然可以访问外部全局对象
}());  //()匿名函数自己执行，不用new

//三、引用全局变量
/*
    隐式全局变量：无论一个变量是否使用，js会反向遍历作用域链来找到var，如果没找到var，则假定该变量为全局
*/
(function ($, yahoo) {
    //这里使用了全局的jQuery和yahoo
}(jQuery, yahoo));

//声明全局变量，module模式
var blogModule = (function () {
    var my = {}, privateName = '博客园';
    function privateAddToTopic(data) {
        //内部处理代码
    }
    my.Name = privateName;
    my.AddTopic = function (data) {
        privateAddToTopic(data);
    };
    return my;
}());

//三、高级用法   易于扩展结构
//扩展添加一个函数
var blogModule = (function (my) {
    my.AddTopic = function () {

    }
    return my;
}(blogModule)); //--缺点：必须先声明blogModule
//松耦合扩展，加载顺序不固定，缺点：不一定能用所有属性和函数
var blogModule = (function (my) {
    return my;
}(blogModule || {}));
//紧耦合扩展
//重载
var blogModule = (function (my) {
    var oldAdd = my.AddTopic;
    my.AddTopic = function () {
        //重载，依然可以用oldAdd调用旧的方法
    }
    return my;
}(blogModule));
//克隆和继承
var blogModule = (function (old) {
    var my = {},
        key;
    for (key in old) {
        if (old.hasOwnProperty(key)) {
            my[key] = old[key];
        }
    }

    var oldAdd = old.AddTopic;
    my.AddTopic = function () {

    }
    return my;
}(blogModule)); //--非继承，只是同个对象多个引用
//跨文件共享私有对象
var blogModule = (function (my) {
    var _private = my._private = my._private || {},
        _seal = my._seal = my._seal || function () {
            delete my._private;
            delete my._seal;
            delete my._unseal;
        },
        _unseal = my._unseal = my._unseal || function () {
            my._private = _private;
            my._seal = _seal;
            my._unseal = _unseal;
        }
    return my;
}(blogModule || {}));
//子模块
blogModule.CommentSubModule = (function () {
    var my = {};
    return my;
}());
/*
    创建一个立即执行的匿名函数表达式
    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();
counter.set(3);
counter.increment();
counter.increment();
counter.i;//undefined
i;//引用错误