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。

如果您尝试了以下代码段：

＆＃13;

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["/"]);

＆＃13;

然后代码将按预期工作，因为calc.numberOne和calc.numberTwo已定义

Answer 2

您的号码未初始化。

你还用this.one那是什么？你的意思是numberOne。

查看下面的工作代码：

＆＃13;

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["/"]);

＆＃13;

新方法没有看到“这个”（JavaScript）

2 个答案: