对象的原型并不承认功能

Question

我有一个对象的原型3个功能：

Job.prototype.postData = function(url){ 
     this.getFormData(); 
     var formdata = new FormData(); 
     formdata.append("position", this.position); 
     formdata.append("team", this.team); 
     formdata.append("details", this.details); 
     $.post(url, formdata, function(response){ 
       alert(response.message); 
       window.location.href = '/'; 
     }); 
}; 

Job.prototype.createNew = function() { 
     var newUrl = API_URL + "/add_listing"; 
     this.postData(newUrl) 
}; 

Job.prototype.update = function() { 
     var updateUrl = API_URL + "/edit_listing" + "?id=" + this.id; 
     this.postData(updateUrl) 
}; 

我附加了最后两个事件处理回调：

$('#list-button').on('click',job.createNew); 
$('#list-button').on('click',job.update); 

这两项的给予TypeError：

oop.js:38 Uncaught TypeError: this.postData is not a function

Answer 1

的问题很简单，就是this方面得到失去了你绑定事件处理程序的方式。

明示bind的背景下，或致电以保留上下文的方式功能：

$('#list-button').on('click', function() { job.createNew(); }); 
$('#list-button').on('click', job.createNew.bind(job)); 

见How does the "this" keyword work?。