Javascript preferred way to organize object structure
<p>I was curious as to what the standard or common way to organize large object structures was. My first reaction was to organize it like so:</p>

<pre><code>GLOBAL = {
  child_1 : {
     obj_1 : null,
     obj_2 : null,
     func_1 : function () {
       //Stuff defined here....
     }
  },
  child_2 : {
     obj_1 : null,
     obj_2 : null,
     func_1 : function () { 
       //Stuff defined here....
     }
  },
  child_3 : {
    ....

};
</code></pre>

<p>This is pretty at first, but as the file grows larger and larger and functions get defined it becomes hard to read especially when functions have the same name, such as, "GLOBAL.child_1.func_1" and "GLOBAL.child_2.func_1". </p>

<p>Is there a standard way to structure large applications? One way I could keep it pretty I suppose is to define functions elsewhere and not inside the object hierarchy. </p>
