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

Executing a command efficiently in Javascript with the get method

Sending a variable to a function in JavaScript (winJs) from a different function

Copying the position of one object to another in THREE.js does not function as expected

How can Angular's as-syntax be used to access the selected object?

JavaScript Tutorial: Updating the maximum value of a gauge chart

What is the most effective way to add images to a table using JavaScript?

if considering an integer value of 0 as equivalent to null

Steps for adding a border to kendo grid row hover

`Failure to prompt an error following an unsuccessful post request in a node.js application using axios and express`

Utilizing express.js alongside the native MongoDB driver: A comprehensive guide

Having trouble assigning a value to the datapicker through the onchange event and the name attribute in the code below

Grabbing only the button element using jQuery when a click event occurs

Top technique for verifying the presence of duplicates within an array of objects

find all occurrences except for the last of a pattern in javascript

Utilizing inter-process communication in Electron to establish a global variable from the renderer process

Execute the JS function during the first instance of window scrolling

Enhance multiple select functionality

Format the date using moment() for the last week of the current year and return it with the year. Next year's

Enhancing appearance with $refs?

The effectiveness of recursion in asynchronous function calls within AngularJS