Define a class with namespace in Javascript

Question

Refer to https://stackoverflow.com/a/387733/418439,

// Define a class like this
function Person(name, gender){

   // Add object properties like this
   this.name = name;
   this.gender = gender;
}

// Add methods like this.  All Person objects will be able to invoke this
Person.prototype.speak = function(){
    alert("Howdy, my name is" + this.name);
}

// Instantiate new objects with 'new'
var person = new Person("Bob", "M");

// Invoke methods like this
person.speak(); // alerts "Howdy, my name is Bob"

How to define namespace as well?

possible duplicate of How do I declare a namespace in JavaScript? — Jay Harris
– Jay Harris, Commented Dec 10, 2014 at 1:33

Danilo Valente · Accepted Answer · 2014-08-13 12:15:04Z

6

You can just create a new object that contains all your classes/functions:

var myNamespace = {};

myNamespace.Person = function (name, gender) {
    // Add object properties like this
    this.name = name;
    this.gender = gender;
}

myNamespace.Person.prototype.speak = function() {
    alert("Howdy, my name is" + this.name);
}

// Instantiate new objects with 'new'
var person = new myNamespace.Person("Bob", "M");

// Invoke methods like this
person.speak(); // alerts "Howdy, my name is Bob"

MDN has an article explaining JavaScript namespacing.

edited Aug 13, 2014 at 12:15

answered Aug 13, 2014 at 12:08

Danilo Valente

11.4k8 gold badges55 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

idmean Over a year ago

yNamespace.Person = Person(name, gender){ must be yNamespace.Person = function(name, gender){

Danilo Valente Over a year ago

@wumm Thanks, didn't see that.

Ross Taylor-Turner · Accepted Answer · 2014-08-13 12:09:07Z

0

How about

var namespace = {};

namespace.Person = function(name, gender) { ... };

var myPerson = new namespace.Person();

answered Aug 13, 2014 at 12:09

Ross Taylor-Turner

3,7652 gold badges26 silver badges35 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:19:23Z

0

Check this ref:- here

var yourNamespace = {

        foo: function() {
        },

        bar: function() {
        }
    };

    ...

    yourNamespace.foo();

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Aug 13, 2014 at 12:09

Amit Soni

3,3267 gold badges34 silver badges52 bronze badges

1 Comment

Danilo Valente Over a year ago

Did you take this code from here?

Razan Paul · Accepted Answer · 2014-12-10 01:21:04Z

0

var MYNamespace = MYNamespace|| {};

 MYNamespace.MyFirstClass = function (val) {
        this.value = val;
        this.getValue = function(){
                          return this.value;
                       };
    }

var myFirstInstance = new MYNamespace.MyFirstClass(46);
alert(myFirstInstance.getValue());

jsfiddle: http://jsfiddle.net/rpaul/4dngxwb3/1/

answered Dec 10, 2014 at 1:21

Razan Paul

13.9k3 gold badges74 silver badges61 bronze badges

Comments

Byson · Accepted Answer · 2014-08-13 12:16:43Z

I once made an example file (for my own use), so I'll share that here, maybe you will find it useful (warning: it contains more than just namespaces):

//http://www.crockford.com/javascript/private.html
//http://www.dustindiaz.com/namespace-your-javascript/
//http://appendto.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/

//adding the whole shabang to a namespace
var NameSpace = (function (params) 
{

//initialising constructor with parameter
//call as "var testObject = new MyConstructor("test");"
//then accessing the public members: "testObject.publicMember = 123;"
function MyConstructor(param, param2)
{
    //initialising public instance member variables
    //these could also be added by calling "testObject.[newMemberName] = [value];" to create a new property
    //can be accessed by private and public methods
    this.publicMember = param;
    this.secondPublicMember;

    //initialising private instance member variables
    //private variables can only be added at creation time
    //can be accessed by private methods, but not by the object's own public methods.
    var privateMember = param2;
    var secondPrivateMember;

    //creates a private function, NOT accessible by public functions (ONLY by internal private and privileged ones)
    //has access to all private/public functions and variables?
    function PrivateFunction(params)
    {
        //place code here
        //note this notation is short for "var PrivateFunction = function PrivateFunction(params) {};"
    }

    //creates a privileged function, accessible by all public (and private?) functions
    //has access to all private/public functions and variables
    this.PrivilegedFunction = function (params)
    {
        //place code here
    };
}

//creating a public function, accessible by calling "testObject.PublicFunction(params)"
//can also be done by calling "testObject.[newFunctionName] = function (params) {};"
//has access to all public members and functions
MyConstructor.prototype.PublicFunction = function (params) 
{
    //place function code here
};

};

Again, this was just a mockup I made for myself using the links mentioned at the top.

Collectives™ on Stack Overflow

Define a class with namespace in Javascript

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related