0

我想我不明白 javascript 模块模式。

我只是创建这个模块：

var mycompany = {};
mycompany.mymodule = (function() {
    var my = {};
    var count = 0;

    my.init = function(value) {
        _setCount(value);
    }

    // private functions
    var _setCount = function(newValue) {
        count = newValue;
    }
    var _getCount = function() {
        return count;
    }

    my.incrementCount = function() {
        _setCount(_getCount() + 1);
    }
    my.degreeseCount = function() {
        _setCount(_getCount() - 1);
    }

    my.status = function() {
        return count;
    }

    return my;
})();


var a = mycompany.mymodule;
var b = mycompany.mymodule;
console.debug(a, 'A at beginning');
console.debug(a, 'B at beginning');
a.init(5);
b.init(2);
console.log('A: ' + a.status()); // return 2 (wtf!)
console.log('B: ' + b.status()); // return 2`

错误在哪里？我以为我的代码返回给我的不是 2 值，而是 5。

什么原因？

4

3 回答 3

2

a并且b是完全相同的对象。

var a = mycompany.mymodule;
var b = mycompany.mymodule;

您要做的是创建两个具有相同原型的不同对象。与此类似的东西：

mycompany.mymodule = (function () { 
  var my = function () {};
  my.prototype.init = function (value) {
    _setCount(value);
  };
  my.prototype.incrementCount = ...
  // ...

  return my;
}());

a = new mycompany.mymodule();
b = new mycompany.mymodule();
a.init(5);
b.init(2);

有关更多信息，请研究“javascript 原型继承”

于 2012-11-05T09:51:54.623 回答
1

在 JavaScript 中，对象是通过引用传递的，而不是复制的。

为了进一步解释，这里是您的代码的简化版本：

var pkg = (function () {
  var x = {};
  return x;
}());

var a = pkg;
var b = pkg;

您不创建两个单独的对象，而仅从 和 引用指向pkg的a对象b。a并且b完全一样。

a === b // true

这意味着在a你身上调用一个方法最终会做同样的事情b（它指向同一个对象——<code>x。）

您不想为此使用模块模式。你想要通常的构造函数+原型。

function Pkg() {
  this.count = 0;
};
Pkg.prototype.init = function (count) { this.count = count; };

var a = new Pkg();
var b = new Pkg();

a === b // false

a.init(2);
a.count === 2 // true
b.count === 2 // false
于 2012-11-05T09:53:06.380 回答
0

这是关于模块模式的好读物。

于 2012-11-05T09:57:39.037 回答