namespace implementation in javascript

Question

I'm using the following format to avoid possible naming conflicts. My main aim is to keep the parts of the program in different files during development and then later combine it Editor is the

main.js

Editor=function(){
    this.manage=function(){

    }

}
var editor= new Editor;

a.js

Editor.prototype.A=function(){
        this.afunct=function(){

       }
}

b.js

Editor.prototype.B=function(){
      var this.var1;
      var this.var2;
      this.bfunct=function(){
           //call afunct() here
      }
}

A is a set of functions that does some testing,modification etc. afunct is a tester function which needs to be used in all the other files. B is supposed to act as a data package and new instances of it will be created to pass around.

How will I call afunct inside bfunct? Please help me understand how I can do this. Thank You in advance.

PS. I'm kind of a newbie in Javascript and please pardon any flaw in my logic.

Eli · Accepted Answer · 2011-05-23 15:49:30Z

1

It's obscure, but this might do it:

(function() {

    var Editor = function() {

    };

    Editor.prototype = {
        A: {
            afunct: function() {
                // Other functionality here.
            }
        },
        B: {
            bfunct: function() {
                Editor.prototype.A.afunct.call(this);
            }
        }
    };

    window.Editor = Editor;

})();


var editor = new Editor();

editor.B.bfunct();

edited May 23, 2011 at 15:49

answered May 23, 2011 at 15:41

Eli

17.8k4 gold badges39 silver badges49 bronze badges

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

6 Comments

Naftali Over a year ago

namespace. where you do variable = new something; etc etc..

Naftali Over a year ago

@Eli i guess, but your in an infinite loop, the OP only wants to call A from B, not B from A

Eli Over a year ago

Ah, you are correct (good catch). I was just trying to demonstrate that you can call either method from the other. I will update again :)

Diff.Thinkr Over a year ago

Also, could you tell me why the function is made to execute ( wrapped in(function(){ } )()?

Diff.Thinkr Over a year ago

Instances of B needs to be created inside the editor, not outside it.

|

sym3tri · Accepted Answer · 2011-05-23 15:37:45Z

0

From inside B this should work

Editor.A.apply(this)

answered May 23, 2011 at 15:37

sym3tri

3,8331 gold badge31 silver badges26 bronze badges

1 Comment

sym3tri Over a year ago

Calls a function with a given this value developer.mozilla.org/en/JavaScript/Reference/Global_Objects/…

Naftali · Accepted Answer · 2011-05-23 15:40:02Z

0

Try this from inside Editor.prototype.B:

Editor.prototype.B=function(){
      var this.var1;
      var this.var2;
      var self = this;
      this.bfunct=function(){
           //call afunct() here
           self.prototype.B.afunct();
      }
}

answered May 23, 2011 at 15:40

Naftali

147k41 gold badges247 silver badges304 bronze badges

Collectives™ on Stack Overflow

namespace implementation in javascript

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related