模块模式& “私人属性”

时间:2013-05-09 14:06:55

标签: javascript private-members module-pattern

好的,几个星期前,我在javascript中了解了“模块模式”。我找到的所有例子基本上都是这样的:

var module = (function () {
    // private variables and functions
    var foo = 'bar';

    // constructor
      var module = function () {
    };

    // public methods
    module.prototype = {
        something: function () {
        }
    };

    // return module
    return module;
})();

var my_module = new module();

我很兴奋,所以我立即开始自己的测试:

var myModule = myModule || {};

myModule.User = (function(){
    "use strict";

    // "private" attribut
    var id

    //constructor
    var User = function(l_id){
        id = l_id;
    };

    //"public" method
    User.prototype.getId = function(){ return id };


    return User;
})();

var u2 = new myModule.User(2);
var u1 = new myModule.User(1);
console.log(u2.getId()); // print 2
console.log(u1.getId()); //print 2 oO

但是,我没想到所谓的“私人”属性“id”,不是实例变量。如果我注意了,我会注意到这个变量的范围......我非常误解了“私有变量和函数”的评论......

尽管如此,我决心找到一种在模块中使用私有实例变量的方法。

目前,我发现的唯一解决方案是这种古老的方式:

myModule.User = (function(){
    "use strict";

    //constructor
    var User = function(id){        
        this.getId = function(){ return id; };
    };   

    return User;
})();

但是没有原型优势......

您是否有更好的方法来混合使用“模块模式”和使用私有实例变量?

1 个答案:

答案 0 :(得分:0)

坦率地说,我从来没有使用过构造函数的Module模式,我觉得有更好的方法,但是为了达到你想要的东西(即如果我理解你是正确的),你可以这样做:

var PrefixModule = (function () {
    // this is going to be static ... also that's a real title !
    var staticTitle = "Intergalactic Federation King Almighty and Commander of the Universe";

    var PrefixModule = function () {
        // this is an instance variable
        this.secretPrefix = staticTitle + " ::";
    };

    // hidden from the world
    var generateRandomNumber = function() {
        return Math.floor(Math.random() * 100);
    };

    PrefixModule.prototype.PrefixName = function (name) {
        var randomNumber = generateRandomNumber();
        return this.secretPrefix + " " + name + " | " + randomNumber;
    };

    return PrefixModule;
})();

var m1 = new PrefixModule();
var m2 = new PrefixModule();
var m3 = new PrefixModule();

console.log(m1.PrefixName("Jon Skeet"));
console.log(m2.PrefixName("Chuck Norris"));
console.log(m3.PrefixName("vbarthel-fr"));

这是fiddle

另外,我应该澄清一下,在你的情况下,id被设置为一个静态变量,它在模块之间共享。 希望它有所帮助。