Objects inside objects in javascript

Question

I m somewhat new to Javascript  so maybe this is just a noob mistake  but I haven t found anything that specifically helps me while looking around  I m writing a game  and I m trying to build an object for the pause menu   One of the things I would like to do is have the buttons on the menu be objects inside of the pause menu object for the sake of organization  I m eventually going to add event handlers to these objects  and I d like to do that inside the pause menu object as well  Some of the button s aren t fully coded yet  but I d like to get at least something working before I keep going   I m using Raphael js v1 5 2 to render the shapes  The Raphael stuff works for the rest of the interface  but the code for that is not as pleasant to look at as this  so something similar to this would be preferable to me   My current problem is that nothing actually renders when I do var pause menu   new pause menu     This is the code I have so far for the pause menu     Pause Menu Object  function pause menu          function pause button             this button   game rect 0  350  150  50  5           this text    game text 75  375   PAUSE              function resume button             this button          this text            function quit button             this button          this text            this pause button   new pause button      the button that the user presses to pause the game  I want an event handler on this to trigger  show   method for presently hidden menu items      this resume button   new resume button        this quit button   new quit button        this box   game rect 150  50  400  300  5  hide      the box that surrounds the menu when it appears   var pause menu   new pause menu      OK  so here s the solution  with an event handler    var pause menu          pause button    button   game rect 0  350  150  50  5  click function  event                          pause menu menu box show                          text   game text 75  375   PAUSE          menu box  game rect 150  50  400  300  5  hide        resume button          quit button

User · Answer

var pause menu         pause button     someProperty    prop1   someOther    prop2         resume button     resumeProp    prop   resumeProp2   false        quit button   false      then   pause menu pause button someProperty   evaluates to  prop1    etc etc

User · Answer

You may have as many levels of Object hierarchy as you want  as long you declare an Object as being a property of another parent Object  Pay attention to the commas on each level  that s the tricky part  Don t use commas after the last element on each level     el1  el2   el31  el32  el33    el41  el42     x000D   x000D  var MainObj     x000D   x000D    prop1   prop1MainObj   x000D     x000D    Obj1    x000D      prop1   prop1Obj1   x000D      prop2   prop2Obj1       x000D      Obj2    x000D        prop1   hey you   x000D        prop2   prop2Obj2  x000D        x000D       x000D       x000D    Obj3    x000D      prop1   prop1Obj3   x000D      prop2   prop2Obj3  x000D       x000D     x000D    Obj4    x000D      prop1  true  x000D      prop2  3 x000D        x000D     x000D   x000D  console log MainObj Obj1 Obj2 prop1   x000D   x000D   x000D

[javascript] Objects inside objects in javascript

Examples related to javascript

Examples related to object

Examples related to nested

Examples related to javascript-objects