调用父原型法

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