call variables inside object scope

Question

I have a JS file with this object setup amount other objects.

     if (!me) var me = {};

        me.page = {


            initialize:function( options ) {
                var settings = $.extend({
                    error_module: $('#error-module'),
                    mainForm: $('form')
                }, options);

            },
            pagemaker:function(){
               var temp = settings.error_module
            }
        }

        me.bla = {
          // the scope of bla
        }

if I call me.page.pagemaker() it can't find the settings variable. I don't want to make settings global I want it to be in scope with the object page. How can I make this work so var temp = settings.error_module is not undefined.

FYI var me = me || {}

Phil
– Phil

2014-01-07 23:48:33 +00:00
Commented Jan 7, 2014 at 23:48 — Phil
– Phil, Commented Jan 7, 2014 at 23:48

elclanrs · Accepted Answer · 2014-01-07 23:55:34Z

2

You can use an IIFE (Immediately Invoked Function Expression). See if this helps. I slightly modified your code to what I would consider best practice:

var me = me || (function(){
  var settings = {
    errorModule: '#error-module',
    mainForm: 'form'
  };
  return {
    page: {
      init: function(options) {
        $.extend(settings, options);
      },
      pageMaker: function() {
        var temp = $(settings.errorModule);
      }
    },
    bla: function() {

    }
  };
}());

Edit: Missed the outer object.

edited Jan 7, 2014 at 23:55

answered Jan 7, 2014 at 23:50

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

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

Comments

tckmn · Accepted Answer · 2014-01-07 23:47:57Z

1

Make it a property of me:

initialize:function( options ) {
    me.settings = ...;

}

And later:

pagemaker:function(){
   var temp = me.settings.error_module
}

You also have a scope problem here:

if (!me) var me = {};

You could use this instead:

var me = me || {};

answered Jan 7, 2014 at 23:47

tckmn

59.7k27 gold badges118 silver badges156 bronze badges

Comments

Dennis · Accepted Answer · 2014-01-07 23:52:48Z

0

If you want to keep it within the scope of the object page, you can define another attribute called settings in your page object since it's just represented by keys and values, like so:

me.page = {

  // Initial/default values
  settings: {
    error_module: null,
    mainForm: null,
  },

  initialize: function(options) {
    this.settings = $.extend({...}, options);
  },

  pagemaker: function() {
    var temp = this.settings.error_module;
  }
}

answered Jan 7, 2014 at 23:52

Dennis

2333 silver badges12 bronze badges

1 Comment

Chapsterj Over a year ago

This.settings is showing as undefined. The only way I can get to it from another method inside me.page is by using. me.page.settings

Collectives™ on Stack Overflow

call variables inside object scope

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related