如何生成在处理过程中独立增长的对象

Question

如果我想让圆圈变得更大：我会为X和Y坐标做一个变量，让它们增加每一步。

但是，如果我以10个圆圈为例，那么我将如何让它们彼此独立地增加？

Answer 1

您可以使用对象文字或函数对象（在JavaScript 5中）或类（在JavaScript 6中）来完成此操作。

这是一个对象文字的例子：

// create a circle
var myCircle = {x:25, y:75, size:50};

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size

然后，您可以创建这些对象文字的数组。

这是一个函数对象的示例：

// define Circle function object
function Circle(x, y, size){
  this.x = x;
  this.y = y;
  this.size = size;
}

// create a circle
var myCircle = new Circle(25, 75, 50);

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size);

再次，您可以创建一个圆阵列。

这是一个类的例子：

// define Circle class
class Circle{
  constructor(x, y, size){
    this.x = x;
    this.y = y;
    this.size = size;
  }
}

// create a circle
var myCircle = new Circle(25, 75, 50);

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size);

当然，您仍然可以创建一个圆阵列。

无耻的自我推销：here是一个用JavaScript创建对象的教程。您还可以谷歌搜索类似“javascript数组”的内容，以获得大量结果。祝好运。