从 JavaScript 中的箭头函数返回数组

Question

我正在 p5.js 中的 JavaScript 中制作一个太阳系发电机，我想 return 来自箭头函数的 rgb 值数组，但它不起作用。星星是白色的，而不是黄色、橙色或红色。

class Star {
  constructor(x, y) {
    this.x = x;
    this.y = y;
    this.size = random(50, 70);
    this.color = () => {
      let colorChoice = floor(random(6));
      switch(colorChoice) {
        case 0: case 1: case 2: case 3:
          return [255, 255, 0];
          break;
        case 4:
          return [255, 150, 0];
          break;
        case 5:
          return [255, 0, 0];
          break;
      }
    }
  }

  show() {
    noStroke();
    fill(this.color[0], this.color[1], this.color[2]);
    circle(this.x, this.y, this.size);
  }
}

函数本身或其他地方有问题吗？

Answer 1

this.color - 是一个函数。尝试将您的 show() 方法更新为

let color = this.color();
fill(color[0], color[1], color[2]);

从 JavaScript 中的箭头函数返回数组

Returning array from arrow function in JavaScript

javascript

arrays

function

p5.js

arrow-functions