Object Notation in Javascript

Question

I'm trying to call a blur function on a variable assigned to a jquery object (an input field). How do I call the function on the variable?

var someObject = {
    day: $('#dayInputField'), // input text field

    init:function(){
       console.log("this.day" + this.day); // outputs object
       this.validateField();

    },
    validateField : function(){

      //this gets triggered - but I need to reference the variable
      $('#dayInputField').blur(function(){
       console.log("This gets triggered");
      };

      // this doesn't get triggered - how do I target the variable? 

      this.day.blur(function(){
        console.log("doesn't work");  
      }); 



    }
}

I have also tried -

$(this.day).blur
$(this).day.blur 
someObject.day.blur
$(day, this).blur

Any help would be appreciated! thanks

Is your code running on or after the DOM is ready?

Nick Craver
– Nick Craver

2010-08-21 12:09:28 +00:00
Commented Aug 21, 2010 at 12:09 — Nick Craver
– Nick Craver, Commented Aug 21, 2010 at 12:09
It was outside - thanks Nick for your help.

Matt
– Matt

2010-08-21 12:24:35 +00:00
Commented Aug 21, 2010 at 12:24 — Matt
– Matt, Commented Aug 21, 2010 at 12:24

Community · Accepted Answer · 2017-05-23 12:13:30Z

1

UPDATE:

My previous answer was incorrect, as you can access properties of your object from a member function using this. The situation that I was describing is different. You wouldn't be able to do this, for example:

var someObject = {
   day: 'some value',
   day2: day
};

But yours is fine. In fact, as noted in your comment below, the problem turned out to be that someObject.init() was called from outside document.ready().

Previous answer:

Yes, you cannot refer to a property of an object before the object is initialized¹. ~~You may want to consider using the Module Pattern (a.k.a. the Yahoo Module Pattern) as a solution:~~

var someObject = (function () {
   var day = $('#dayInputField');

   return {
      init: function () {
         console.log("this.day" + this.day); // outputs object
         this.validateField();   
      },

      validateField: function () {    

         //this gets triggered - but I need to reference the variable
         $('#dayInputField').blur(function(){
            console.log("This gets triggered");
         };

         // now this doesn get triggered
         day.blur(function(){
            console.log("it works");  
         }); 
      }
   };
})();

// Use someObject as you were doing before:
someObject.init();
someObject.validateField();

¹ Stack Overflow: How can a Javascript object refer to values in itself?

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Aug 21, 2010 at 12:13

Daniel Vassallo

346k72 gold badges513 silver badges447 bronze badges

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

2 Comments

Matt Over a year ago

Unbelievable. It was outside of the document ready - I was calling the someObject.init() method from within document.ready. Just included the object within the document ready , and it works perfectly. Thanks for your prompt response - just needed a poke in the right direction - and will try the Module pattern. Brilliant, thanks again.

Daniel Vassallo Over a year ago

@Matt: Glad you solved it. Note that my previous description was incorrect. Updated my answer in attempt to correct the mess :) ... (Sorry wasn't thinking)

Collectives™ on Stack Overflow

Object Notation in Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related