为什么模块模式会创建一个单例?

时间:2012-05-21 19:22:13

标签: javascript module

当我尝试创建此模块的不同实例时,它不起作用。

这似乎是一个单身人士。我一次只能有一个实例。

什么机制限制构造函数publik()只有实例?

http://jsfiddle.net/AVxZR/

var Module = ( function ()
{
    var publik = function ( )
    {
    };
    publik.prototype.test;
    publik.prototype.get = function()
    {
        document.getElementById( 'a'+test ).innerHTML = test;
    };
    publik.prototype.set = function( value )
    {
         test = value;
    };
    return publik;
} ) ();

var object1 = new Module();
var object2 = new Module();

object1.set('1');
object2.set('2');


object1.get();
object2.get();

4 个答案:

答案 0 :(得分:9)

模块模式并不意味着以您描述的方式使用。它用于创建一个模块并从外部代码隐藏状态,即您公开一个公共接口,外部代码可以与之通信,但您可以隐藏其余部分。

这可以防止其他代码依赖于您在内部使用的变量或函数,因为当您重命名任何内容时它们会中断。

此外,模块应该是单例;拥有多个相同的模块就像在你的代码中有两个相同的类......没有意义。

这就是模块模式的样子。

var Module = (function($) {
    // the $ symbol is an imported alias

    // private variable
    var id = 0;

    // private function
    function increaseId()
    {
        return ++id;
    }

    // return public interface
    return {
        nextId: function() {
            // we have access to the private function here
            // as well as the private variable (btw)
            return increaseId();
        }
    }
}(jQuery)); // we import jQuery as a global symbol

Module.nextId(); // 1
Module.nextId(); // 2
Module.id; // undefined
Module.increaseId(); // error

您将看到如何仅公开.nextId(),但没有公开其他私有变量/函数。

答案 1 :(得分:6)

简短的回答:关闭。

答案很长(如果我说得对,请发表评论以便我更正):

  1. 您的模块var在脚本加载时立即执行。 (由函数周围的括号表示。)()

  2. 在该模块中,即使函数完成,您的publik var也会被声明并且在闭包中保留!

  3. 通过后续调用,您仍然可以访问自动执行的那个模块。总而言之,它总是得到相同的闭包空间和函数范围以及相同的对象 - 所以你的publik变量实际上总是相同的。

答案 2 :(得分:4)

尝试重写Module类,以便您可以使用它来创建不同的实例。您可能希望将“test”属性更改为静态属性,因为我已经为您更改了它。

var Module = function(){}

    Module.prototype.test;
    Module.prototype.get = function()
    {
       document.getElementById( 'a'+this.test ).innerHTML = this.test;
    };
    Module.prototype.set = function( value )
    {
       this.test = value;
    }

答案 3 :(得分:1)

您的代码不会创建单例。它只是一个单例,因为你的test变量是一个全局变量。

要将此更改test修复为this.test,以便将变量附加到每个实例。