Question

I am trying to do something like

(function( skillet, $, undefined ) {

skillet.global = {

   names: { 

      first: 'abe',
      last: 'watson'

   },
   addresses: {
      home: 'blah'
   }

}

}( window.skillet = window.skillet || {}, jQuery ));

So that I can access like

skillet.global.names.first();
skillet.global.address.home();

But I keep getting errors ? How can I go about fixing this

Answer 1

You are calling first and home as if they were functions; yet you have defined them as object properties.

Calling skillet.global.names.first would (if in an alert) show abe, if you need to define them in functions, you need to use the correct function declaration, i.e.

   names: { 
      first: function() {
          return 'abe';
      },
      last: 'watson'
   },
   addresses: {
      home: function() {
          return 'blah';
      }
   }