調用父原型法

Question

「我有認識一塊我的代碼的問題：

 //constructor 
     function Widget (options) {    
     }; 

     //return the string 
     Widget.prototype._addEditFormString = function (val) { 
      return "<input type='text' value='" + val + "' >";     
     } 
     //initializing method 
     Widget.prototype.init = function() { 
      var addRowButton = document.getElementsByName("addRow")[0];    
      addRowButton.addEventListener("click", this.addRow, false);     
     }; 
     //this context in this method still confusing me 
     Widget.prototype.addRow = function() {  
      console.log(this._addEditFormString);//Uncaught TypeError: Object #<HTMLInputElement> has no method '_addEditFormString'     
     } 
     var wid = new Widget(); 

     wid.init(); 

問題 - 在init（）方法我添加事件偵聽器（addRow方法），但在addRow方法我不。知道如何捕捉我的構造類的「this」，因爲我想調用_addEditFormString（）方法，但接收到「未捕獲的TypeError：Object [object Window]沒有方法'_addEditFormString'」。我如何解決沒有Widget.prototype ._addEditFormString？或者只有一個解決方案？謝謝。

Answer 1

問題是事件處理程序中的上下文是窗口，而不是您的Widget。

變化

Widget.prototype.init = function() { 
    var addRowButton = document.getElementsByName("addRow")[0];    
    addRowButton.addEventListener("click", this.addRow, false);     
}; 

到

Widget.prototype.init = function() { 
     var _this = this; 
     var addRowButton = document.getElementsByName("addRow")[0];    
     addRowButton.addEventListener("click", function(){_this.addRow()}, false);     
}; 

---

編輯關於評論你的問題：

你似乎想

Widget.prototype._addEditFormString.call(this);