Javascript中的對象表示法

Question

我試圖調用一個模糊函數分配給一個jQuery對象（輸入字段）的變量。如何在變量上調用函數？

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"); 
     }); 



    } 
} 

我也曾嘗試 -

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

任何幫助，將不勝感激！ 感謝

Answer 1

UPDATE：

我以前的答案是不正確的，因爲你可以使用this從一個成員函數的對象的訪問屬性。我所描述的情況是不同的。例如：你不能這樣做，例如：

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

但你的很好。事實上，正如您在下面的評論中指出的，問題原來是someObject.init()是從document.ready()之外調用的。

---

以前的答案：

是的，你不能初始化對象之前引用一個對象的屬性。 你可能要考慮使用 Module Pattern（又名雅虎模塊模式）作爲一種解決方案：

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(); 

---

堆棧溢出：How can a Javascript object refer to values in itself?