javascript - 调用对象函数: "Script error. (: line 0)" in p5. js在线编辑器时出现问题

Question

我认为这个简单代码的语法没有任何问题。但只要我在draw函数中调用generator.display();，就会弹出错误信息:“Script error.(: line 0)”。

您可以在此处查看并运行代码:https://editor.p5js.org/huskyspeaks/sketches/-dN7ZQ9pg

您可能会发现(假设在线编辑器没有任何问题)，删除 generator.display(); 将消除错误。但我实在不明白为什么会这样。我没有发现这个简单框架的编码方式有什么问题。

var generator;

function setup() {
  createCanvas(400, 640);
  generator = new Generator(width / 2, height / 2, 4);
}


function draw() {
  background(55);
  generator.display();
}

var Generator = function(x, y, m) {
  this.pos = createVector(x, y);
  this.mass = m;

  this.display = function() {
    ellipse(pos.x, pos.y, 10 * mass, 10 * mass);
  }
}

如果代码确实有问题，我该如何更新它？

Answer 1

您缺少对this的引用。

ellipse(this.pos.x, this.pos.y, 10 * this.mass, 10 * this.mass);

您在 this 上创建 pos 和 mass，但在没有它的情况下引用它。将其更改为如上所示即可修复。