新しいメソッドで「this」（JavaScript）が表示されない

Question

新しいメソッドを受け入れる電卓を作成する。しかし、新しいメソッドを追加すると、オブジェクトの「this」は表示されません。なぜ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["/"]);