在 for 循环 (OOP) 中创建和命名“n”个 JQuery 对象

Question

我正在尝试制作一个非常非常简单的台球游戏来练习 JQuery OOP。我开始了；我有这个代码：

//Main ball "class"
function createBall(number, color){
  this.number = number;
  this.color = color;
}
$color = ["noColor", "yellow","blue","red","purple","orange","green"...];
$ball1 = new createBall(1, $color[1]);
$ball2 = new...

但是，我不想逐个球创建一个对象，所以我尝试使用for；像这样工作的东西：

for(var $i = 1; $i <= 15; $i++){
  ball+$i = new createBall($i, $color[i]);
}

显然，我无法使用“ball+$i”命名新对象。我正在尝试实现这一目标，因为我想稍后使用“ball1.color = 'red'...”并更改对象属性等。 现在的工作方式是这段代码：

$ballArray[] = new Array;
for(var $i = 1; $i <= 15; $i++){
  $ballArray[$i] = new createBall($i, $color[i]);
}

如果我调用$ballArray[1].color，它应该返回"yellow"；但我不确定“$ballArray[1]”是否实际上是对象名称，或者每次我“调用”这个对象属性并生成一个新属性时，它是否会调用createBall() 函数。这可能会创建大量的对象，那是不行的。我做对了吗？还是有其他方法可以正确地做到这一点？

最后，我只是想创建并命名所有的球对象，而不是一个一个地做，以防我以后需要创建100个对象。

希望我的解释正确。 欢迎提出所有建议 :)

Answer 1

我不确定$ballArray[1] 是否实际上是对象名称，或者每次我“调用”此对象属性并生成一个新属性时它是否调用 createBall() 函数。

$ballArray 变量包含一个数组，其中包含createBall() 构造函数返回的值。因此，您的代码很好，因为每次循环迭代只创建一个对象实例。

不过，我建议您进行一些修改以提高您的代码质量。

• $ 用作保存 jQuery 对象的变量的前缀，因此在您的示例中不适用，因为您根本不使用任何 jQuery 逻辑
• 调用类Ball，因为它描述了对象是什么。 createBall 更像是一个方法名称，因为它是一个动词，描述了逻辑的作用。
• 数组名后面不需要跟[]
• 使用push() 将新项目添加到数组的最后一个位置。
• 数组索引从0 开始，所以大概你的for 循环也应该如此

function Ball(number, color) {
  this.number = number;
  this.color = color;
}

var ballArray = [];
var colors = ["noColor", "yellow", "blue", "red", "purple", "orange", "green"];

for (var i = 0; i <= 15; i++) {
  ballArray.push(new Ball(i, colors[i % colors.length]));
}

console.log(ballArray);