代码改变世界

深入理解JavaScript系列阅读笔记(三):全面解析Module模式

2013-04-05 06:33  极乐鸟  阅读(367)  评论(0编辑  收藏  举报

基本使用方法:在每次使用的时候都要new一下,即每个实例都是内存中的一份copy。所以在没有穿参数或者没有其他特殊要求的情况下,可以在Module的后面直接加一个(),来实现自执行的目的,这样在内存中只会存在一份copy.

定义匿名函数有两种方式:1. (function(){}());   2. (function(){})();

在匿名函数中使用全局变量:将全局变量作为参数传递进匿名函数使用

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

在匿名函数中声明全局变量的方法:通过匿名函数的返回值来返回这个全局变量

var blogModule = (function () {
    var my = {}, privateName = "博客园";

    function privateAddTopic(data) {
        // 这里是内部处理代码
    }

    my.Name = privateName;
    my.AddTopic = function (data) {
        privateAddTopic(data);
    };

    return my;
} ());

上面例子声明了一个全局变量blogModule,该全局变量的值就是通过匿名函数的返回值返回的。

高级用法

将module自身作为参数传入传入module函数可以实现将一个功能扩展到多个文件(使用之前必须要要先声明blogModule)。例:

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

 上例中的var不是一定要声明的。这个方法不能实现任意顺序的加载,因为实现这个方法的时候必须保证blogModule已存在。

下面的方法可以实现任意加载顺序(这个时候必须要用var声明):

var blogModule = (function (my) {

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

因为最后传入的参数 blogModule || {} 保证了blogModule一定是存在的。这个语句的意思是:如果blogModule如果存在的话就使用blogModule作为参数参入,否则就将空对象作为参数传入。

上面的两种方法只能实现添加属性或功能,并不能实现属性或功能的修改。

紧耦合扩展可以实现修改一些属性和方法:

var blogModule = (function (my) {
    var oldAddPhotoMethod = my.AddPhoto;

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

    return my;
} (blogModule));

module的克隆和继承

要实现每个文件匿名函数里的私有对象的交叉访问需要使用跨文件共享私有对象