最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Constructors in the Module Pattern - Stack Overflow

programmeradmin2浏览0评论

When using the module pattern in javascript how should constructors be defined, if at all. I would like my constructor to fit into a standard module pattern and not be global.

Why doesn't something like this work, is it plete and total nonsense?

var HOUSE = function() {
    return {
        Person: function() {
            var self = this;
            self.name = "john";
            function name() {
                return self.name;
            }
        }
    };
}();

var me = new HOUSE.Person();
alert(me.name());

When using the module pattern in javascript how should constructors be defined, if at all. I would like my constructor to fit into a standard module pattern and not be global.

Why doesn't something like this work, is it plete and total nonsense?

var HOUSE = function() {
    return {
        Person: function() {
            var self = this;
            self.name = "john";
            function name() {
                return self.name;
            }
        }
    };
}();

var me = new HOUSE.Person();
alert(me.name());
Share Improve this question edited Jan 19, 2012 at 16:21 rogermushroom asked Jan 19, 2012 at 16:15 rogermushroomrogermushroom 5,5964 gold badges45 silver badges69 bronze badges 2
  • self.name is a string "john" so you can't invoke it. Note that your local function name is not exported anywhere. – Raynos Commented Jan 19, 2012 at 16:29
  • Updated question, but it made a perfectly good answer make no sense so changed it back. – rogermushroom Commented Jan 19, 2012 at 16:34
Add a ment  | 

3 Answers 3

Reset to default 3

Your code is almost fine. However the function name() was not public but the variable was so you were trying to execute the variable causing an error. Add the function getName onto the object and call that instead:

var HOUSE = function() {
    return {
        Person: function() {
            var self = this;
            self.name = "john";
            self.getName = function() {
                return self.name;
            }
        }
    };
}();

var me = new HOUSE.Person();
alert(me.getName());

http://jsfiddle/8nSbP/

Using var and function foo() {} (the latter as a declaration, which means "just" function foo() {} without assigning it), create local symbols. So, the function is not available outside the constructor.

Whatever you want to expose (make public), you should assign to this (or self since you defined self = this):

self.getName = function() {
    return self.name;
};

Note that you already used name, so I gave function another name. If you wanted to make the name string local, and expose the function, then they can have the same name since there is no conflict. E.g.:

var name = "john";

self.name = function() {
    return name;
};

You need to bring the method out, and attach it to the Person prototype. But when you do, you'll have a name property, and a name method, which won't work, so consider renaming the latter

HOUSE.Person.prototype.getName = function(){
    return this.name;
}

OR, you could just attach it to this, and make getName a privileged method:

  Person: function() {
        this.name = "john";
        this.getName = function() {
            return this.name;
        }
    }
发布评论

评论列表(0)

  1. 暂无评论