Uncaught TypeError * не является функцией

Question

Я пытаюсь написать и изучить с использованием Object.prototype, и я получаю сообщение об ошибке, что this.issue не является функцией, когда я вызываю ее в другом методе. Что я делаю неправильно, что вызывает его через этот Uncaught TypeError?

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

    })(); 

}); 

UPDATE: https://jsfiddle.net/czLtc82y/

Answer 1

В обработчиках, присоединенных к change событию для #sign, .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(): problem в пределах .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/