how do i namespace pseudo-classical javascript

Question

I have some simple OO code I've written that I'm playing with:

//define a constructor function
function person(name, sex) {
    this.name = name;
    this.sex = sex;

} 

//now define some instance methods
person.prototype.returnName = function() {
    alert(this.name);
}

person.prototype.returnSex = function() {
    return this.sex;
}

person.prototype.talk = function(sentence) {
    return this.name + ' says ' + sentence;
}

//another constructor
function worker(name, sex, job, skills) {
    this.name = name;
    this.sex = sex;
    this.job = job;
    this.skills = skills;
}

//now for some inheritance - inherit only the reusable methods in the person prototype
//Use a temporary constructor to stop any child overwriting the parent prototype 

var f = function() {};
f.prototype = person.prototype;
worker.prototype = new f();
worker.prototype.constructor = worker;

var person = new person('james', 'male');
person.returnName();
var hrTeamMember = new worker('kate', 'female', 'human resources', 'talking');
hrTeamMember.returnName();
alert(hrTeamMember.talk('I like to take a lot'));

Now this is all well and good. But I'm confused. I want to include namespacing as part of my code writing practice. How can I namespace the above code. As it is now I have 2 functions defined in the global namespace.

The only way I can think to do this is to switch to object literal syntax. But then how do I implement the pseudo-classical style above with object literals.

RoToRa · Accepted Answer · 2012-02-01 10:57:28Z

1

You could for example do following:

var YourObject;
if (!YourObject) {
  YourObject = {};

  YourObject.Person = function(name, sex) {
    // ...
  } 

  YourObject.Person.prototype.returnName = function() {
    // ...
  }

  // ...
}

edited Feb 1, 2012 at 10:57

answered Aug 9, 2010 at 12:00

RoToRa

38.5k12 gold badges72 silver badges110 bronze badges

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

2 Comments

supertrue Over a year ago

@RoToRa there appears to be an unpaired bracket at the end... can you clarify or edit? Is there supposed to be an opening bracket after the if condition?

RoToRa Over a year ago

@supertrue Yes, the opening bracket was missing.

Pointy · Accepted Answer · 2010-08-09 13:04:11Z

1

You don't have to use object literals, at least, not exclusively.

Decide on the single global symbol you'd like to use.

Do all your declaration work in an anonymous function, and explicitly attach "public" methods as desired to your global object:

(function(global) {
   // all that stuff

   global.elduderino = {};
   global.elduderino.person = person;
   global.elduderino.worker = worker;
})(this);

I may not be completely understanding the nuances of your issue here, but the point I'm trying to make is that Javascript makes it possible for you to start with your symbols being "hidden" as locals in a function, but they can be selectively "exported" in various ways.

edited Aug 9, 2010 at 13:04

answered Aug 9, 2010 at 12:08

Pointy

415k62 gold badges600 silver badges631 bronze badges

4 Comments

jmar777 Over a year ago

I presume that iglobal should be global (or vice versa)?

Mike Rifgin Over a year ago

By exporting do you mean make public via a return statement?

Pointy Over a year ago

No, though I suppose you could do things that way. What I mean is that you can build a function inside another function, and it's totally private. Then, if you want to, you can assign it as a property to a global variable. That's what I mean by "export": explicitly making a function visible after the function in which it was defined was returned.

Pointy Over a year ago

Basically RoToRa's answer is pretty much the same idea.

Collectives™ on Stack Overflow

how do i namespace pseudo-classical javascript

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related