How do I separate my JavaScript objects into multiple files

Question

I'm trying to separate my JavaScript into nice libraries. I have 2 companies under the net top-level-domain (net.foxbomb and net.matogen)

var net = {
    foxbomb : {
        'MyObject' : function() {
            console.log ("FoxBomb")
        }
    }
}

var net = {
    matogen : {
        'MyObject' : function() {
            console.log ("Matogen");
        }
    }
}

var f = new net.foxbomb.MyObject();
var m = new net.matogen.MyObject();

Of course, I've just defined two nets - which doesn't work. What is the correct way to do this?

This has nothing to do with the concept of "packages," e.g. see npmjs.org. Editing for clarity. — Domenic
– Domenic, Commented Apr 24, 2012 at 21:44

Dagg Nabbit · Accepted Answer · 2012-04-24 21:40:32Z

2

File 1:

var net = net || {};

net.foxbomb = {

  // ...

};

File 2:

var net = net || {};

net.matogen = {

  // ...

};

Le fiddle: http://jsfiddle.net/Q8TnL/1/

edited Apr 24, 2012 at 21:40

answered Apr 24, 2012 at 21:03

Dagg Nabbit

77k19 gold badges115 silver badges142 bronze badges

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

4 Comments

Dagg Nabbit Over a year ago

I'm assuming you want to separate the scripts into different files. If I'm reading you wrong, let me know and I'll delete this.

sparkyspider Over a year ago

I just tried an example with them both in the same file (they would typically be in different files), but it's not working :(

Dagg Nabbit Over a year ago

@MarkvanWyk is it org.foxbomb or net.foxbomb?

sparkyspider Over a year ago

Apologies GGG, I made a typo. Works 100%. Thanks for that!

Rob W · Accepted Answer · 2012-04-24 21:01:03Z

2

Separate the properties by a comma:

var net = {
    foxbomb : {
        'MyObject' : function() {
            console.log ("FoxBomb")
        }
    }, // <-- Comma
    matogen : {
        'MyObject' : function() {
            console.log ("Matogen");
        }
    }
};

answered Apr 24, 2012 at 21:01

Rob W

350k87 gold badges811 silver badges683 bronze badges

1 Comment

sparkyspider Over a year ago

I forgot to mention that they're in different JavaScript files.

Collectives™ on Stack Overflow

How do I separate my JavaScript objects into multiple files

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related