Новый метод не видит «это» (JavaScript)

Question

Создание калькулятора, который принимает новые методы. Но когда я добавляю новый метод, он не видит объект «это». Почему Console.log возвращает «undefined»?

function Calculator() { 
 
    this.numbers = function() { 
 
     this.numberOne = 2; 
 
     this.numberTwo = 5; 
 
    }, 
 
    this.addMethod = function(op, func) { 
 
     this[op] = func(this.numberOne, this.numberTwo); 
 

 
    // WHY LOG RETURNS "undefined"? 
 
     console.log(this.numberOne); 
 
    } 
 
} 
 

 
let calc = new Calculator(); 
 

 
calc.addMethod("/", (a, b) => (a/b)); 
 
document.write(calc["/"]);

Answer 1

Вы не определили this.numberOne и this.numberTwo, прежде чем вы пытались вызвать функцию на ней. Кроме того, вы печатаете this.one, который никогда не определен в вашем коде.

Если вы пробовали следующий фрагмент кода:

function Calculator() { 
 
    this.numbers = function() { 
 
    this.numberOne = 2; 
 
    this.numberTwo = 5; 
 
    }, 
 
    this.addMethod = function(op, func) { 
 
    this[op] = func(this.numberOne, this.numberTwo); 
 

 
    // WHY LOG RETURNS "undefined"? 
 
    console.log(this.numberOne); 
 
    } 
 
} 
 

 
let calc = new Calculator(); 
 
calc.numbers(); 
 
calc.addMethod("/", (a, b) => (a/b)); // 2/5 
 
document.write(calc["/"]);

Тогда код будет работать, как и ожидалось, потому что calc.numberOne и calc.numberTwo определены

Answer 2

Ваши номера не становились инициализирован.

Также вы использовали this.one что это? Возможно, вы указали numberOne.

Заканчивать рабочий код ниже:

function Calculator() { 
 
    this.numberOne = 2; 
 
    this.numberTwo = 5; 
 
    this.addMethod = function(op, func) { 
 
    this[op] = func(this.numberOne, this.numberTwo); 
 
    // WHY LOG RETURNS "undefined"? 
 
    console.log(this.numberOne, this.numberTwo); 
 
    } 
 
} 
 

 
let calc = new Calculator(); 
 
calc.addMethod("/", (a, b) => (a/b)); 
 
document.write(calc["/"]);