What is the best way to divide my JavaScript objects among several files?

Question

What is the best way to divide my JavaScript objects among several files?

Currently, I'm in the process of organizing my JavaScript code into separate libraries. Within the net top-level-domain, I manage two companies - 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();

However, upon defining these two nets, I've encountered issues as it doesn't seem to be working correctly. Can someone please advise on the correct approach to resolve this?

javascript

Answer 1

Answer №1

First File:

var net = net || {};

net.javascripting = {

  // ...

};

Second File:

var net = net || {};

net.codingheroes = {

  // ...

};

Check out the fiddle: http://jsfiddle.net/Q8TnL/1/

Answer 2

First File:

var net = net || {};

net.javascripting = {

  // ...

};

Second File:

var net = net || {};

net.codingheroes = {

  // ...

};

Check out the fiddle: http://jsfiddle.net/Q8TnL/1/

Answer 3

Answer №2

List the attributes using a comma:

let animals = {
    lion : {
        'AnimalType' : function() {
            console.log ("Lion")
        }
    }, // <-- Comma
    tiger : {
        'AnimalType' : function() {
            console.log ("Tiger");
        }
    }
};

Answer 4

List the attributes using a comma:

let animals = {
    lion : {
        'AnimalType' : function() {
            console.log ("Lion")
        }
    }, // <-- Comma
    tiger : {
        'AnimalType' : function() {
            console.log ("Tiger");
        }
    }
};

What is the best way to divide my JavaScript objects among several files?

Answer №1

Answer №2

Similar questions

Which is the better option: using a nonce for each function or one for all AJAX calls?

Troubleshooting issue with rendering <li></> using array.map: Map's return statement is producing undefined output

Setting up a personalized configuration entry in environment.js

Show categories that consist solely of images

Customize the appearance of the Material UI expansion panel when it is in its expanded

What is the process for implementing a security rule for sub-maps with unique identifiers in Firebase?

What specific regular expression pattern does jQuery employ for their email validation process?

Is it possible to execute a function once an element has finished loading?

Bootstrapvalidator does not function properly with select2.js

The ng-message function appears to be malfunctioning

How come modifications to a node package are not reflected in a React.js application?

What is causing the error when trying to parse a JSON with multiple properties?

`Trigger a page reload when redirecting`

ASP.NET "Data" Error: Trouble Parsing JSON Data on the Front-End

The loop feature in Swiper.js seems to be malfunctioning and not functioning as

Monitoring and recording Ajax requests, and retrying them if they were unsuccessful

Can you explain the distinction between the "DOMContent event" and the "load event"?

The ngOnChanges lifecycle hook is triggered only once upon initial rendering

What is the best way to utilize the `Headers` iterator within a web browser?

What is the best way to export my mongo schema to a file and then utilize it for inserting data?