Ошибка области действия конструктора JS

Question

var bubbles;

function setup() {
  createCanvas(600, 400);
  bubbles = new Bubble();
}

function draw() {
  background(50);
  bubbles.displ();
  bubbles.mov();
}

class Bubble {

  constructor() {

    this.x = 200;
    this.y = 200;

  };

  displ() {
    noFill();
    stroke(255);
    strokeWeight(4);
    ellipse(this.x, this.y, 25, 25);
  };

  mov() {
    this.x = this.x + random(-1, 1);
    this.y = this.y + random(-1, 1);
  }
}

СООБЩЕНИЕ ОБ ОШИБКЕ

14: Uncaught SyntaxError: Объявления в области блока (let, const, function, class) еще не поддерживаются вне строгого режима

Вы просто пытались использовать функцию str () в p5.js?

Если это так, вы можете переместить его в функцию setup () вашего эскиза. Для получения более подробной информации см. здесь .

Что здесь не так?

Answer 1

Сообщение об ошибке говорит само за себя ... Вы не можете объявлять переменные перед установкой.

И решение вашей проблемы тоже есть. 1 Я переписал его, чтобы он соответствовал вашему коду.

var s = function( sketch ) {

    var bubbles;

    function setup() {
      sketch.createCanvas(600,400);
      bubbles = new Bubble();
    }

    function draw() {
      sketch.background(50);
      sketch.bubbles.displ();
      sketch.bubbles.mov();
    }
};

var myp5 = new p5(s);

---

1 Из репозитория github, указанного в вашем сообщении об ошибке: https://github.com/processing/p5.js/wiki/Global-and-instance-mode