javascript return item within return

Question

I would like to structure my app like this:

APP.open = (function ($) {
  return {
    people: function() {
      return {

        gender: function() {},

        age: function() {}
      }
    }
  };
}(jQuery));

I can get APP.open.people(), but when I do: APP.open.people.gender(); I get undefined.

Isn't APP.open a function? Just asking, because I'm not really an expert on javascript. — Nolonar
– Nolonar, Commented Apr 21, 2015 at 17:27
@Nolonar - APP.open is an object, as the function you see is an IIFE that executes immediately and returns an object. APP.open.people on the other hand, is not an IIFE, and has to be called. — adeneo
– adeneo, Commented Apr 21, 2015 at 17:28
@adeneo. I see. Looks like I know what I'll be researching tonight, thanks ;) — Nolonar
– Nolonar, Commented Apr 21, 2015 at 17:29

roxxypoxxy · Accepted Answer · 2015-04-21 17:30:03Z

1

You can do something like this to achieve what you are asking: Note the anonymous function wrapping around the people assignment.

APP.open = (function ($) {
return {
  people: (function() {
    return {

      gender: function() {},

      age: function() {}
     }
   })()
 };
}(jQuery));

answered Apr 21, 2015 at 17:30

roxxypoxxy

3,1312 gold badges24 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Louis Over a year ago

this looks interesting. Just one question. How can I extent the people method from another file?

Louis Over a year ago

so what i would like to do is to define APP.open.people.race() method from a different file.

roxxypoxxy Over a year ago

To do that you can use object literal. App.open = { people: { gender: function(){ ... } } } and from another file you can add methods to people App.open.people.race = function(){ ... }

roxxypoxxy Over a year ago

Currently implementation would also work with App.open.people.race = function(){ ... } but object literal version would be more readable.

Louis · Accepted Answer · 2015-04-21 18:02:57Z

0

APP.open.people().gender();

silly, I over saw this... Thanks guys!

edited Apr 21, 2015 at 18:02

answered Apr 21, 2015 at 17:29

Louis

1,1042 gold badges11 silver badges20 bronze badges

Collectives™ on Stack Overflow

javascript return item within return

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related