简介

1. 模块化，可重用
2. 封装了变量和function，和全局的namaspace不接触，松耦合
3. 只暴露可用public的方法，其它私有方法全部隐藏

基本用法

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);

匿名闭包

(function () {    // ... 所有的变量和function都在这里声明，并且作用域也只能在这个匿名闭包里    // ...但是这里的代码依然可以访问外部全局的对象}());

(function () {/* 内部代码 */})();

引用全局变量

(function ($, YAHOO) {    // 这里，我们的代码就可以使用全局的jQuery对象了，YAHOO也是一样} (jQuery, YAHOO));

现在很多类库里都有这种使用方式，比如jQuery源码。

var blogModule = (function () {    var my = {}, privateName = "博客园";
    function privateAddTopic(data) {        // 这里是内部处理代码    }
    my.Name = privateName;    my.AddTopic = function (data) {        privateAddTopic(data);    };
    return my;} ());

高级用法

扩展

var blogModule = (function (my) {    my.AddPhoto = function () {        //添加内部代码      };    return my;} (blogModule));

松耦合扩展

var cnblogs = cnblogs || {} ;

var blogModule = (function (my) {
    // 添加一些功能           return my;} (blogModule || {}));

紧耦合扩展

var blogModule = (function (my) {    var oldAddPhotoMethod = my.AddPhoto;
    my.AddPhoto = function () {        // 重载方法，依然可通过oldAddPhotoMethod调用旧的方法    };
    return my;} (blogModule));

克隆与继承

var blogModule = (function (old) {    var my = {},        key;
    for (key in old) {        if (old.hasOwnProperty(key)) {            my[key] = old[key];        }    }
    var oldAddPhotoMethod = old.AddPhoto;    my.AddPhoto = function () {        // 克隆以后，进行了重写，当然也可以继续调用oldAddPhotoMethod    };
    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;} ());

总结