javascript - 未捕获的 TypeError * 不是函数

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 7 年前。

我正在尝试使用 Object.prototype 进行编写和学习，但收到错误消息 this.issue当我在另一个方法中调用它时，它不是一个函数。我做错了什么导致它通过这个未捕获的类型错误？

Javascript:

$(document).ready(function() {
   var Example = function() {
       this.number1 = null;
       this.number2 = null;
   };

   Example.prototype.issue = function() {
       //Logic is here...
    };

   Example.prototype.updateNumber = function() {
       //more logic is here...
       this.issue();
   };

   Example.prototype.updateSign = function() {
       //logic here...
       this.issue();
   };

   (function() {
       var solution = new Example();

   })();

});

更新:https://jsfiddle.net/czLtc82y/

Answer 1

在附加到 #sign 的 change 事件的处理程序中，.number

Example.prototype.newNumber = function(event) {
  if (event.currentTarget.id === 'number1') {
      this.number1 = parseFloat($(event.currentTarget).val()); 
  }
  else { 
     this.number2 = parseFloat($(event.currentTarget).val()); 
  }
  this.issue();
};

Example.prototype.newSign = function(event) {
    this.sign = $(event.currentTarget).val();
    this.issue();
};

this 引用 #sign 、 .number 元素，而不是

创建的 new Example 对象

var problem = new Example();

尝试使用Function.prototype.bind()将 this 设置为 new Example() :.change() 处理程序中的问题

(function() {

    var problem = new Example();

    $("#sign").change(problem.newSign.bind(problem));

    $(".number").change(problem.newNumber.bind(problem));

})();

jsfiddle https://jsfiddle.net/czLtc82y/1/

<小时/>

或者，使用 $.proxy()

(function() {
    var problem = new Example();

    $("#sign").change($.proxy(problem.newSign, problem));

    $(".number").change($.proxy(problem.newNumber, problem));

})();

jsfiddle https://jsfiddle.net/czLtc82y/2/