p5.js运行报错“show无法作为函数调用”问题排查求助

安全阿岳

2026-10-6

问题原因与解决方案

报错的核心原因是你错误地将balls数组内原本创建好的Ball类实例覆盖为了纯数字类型，数字不存在show方法，因此触发报错。

具体错误位置

错误出现在setup函数的第二个循环逻辑中：

for(k = 0; k < arr.length; k++){
 balls[k] = new Ball(width / 2, 30, 0.01);
 // 错误行：刚创建的Ball实例被直接覆盖为arr数组中的随机数字
 balls[k] = arr[k];
 ent += balls[k];
 console.log(ent);
}

修正方案

如果需要给每个Ball实例绑定对应的随机数值，可给Ball实例新增自定义属性存储数值，不要直接覆盖实例本身，修改后的循环逻辑如下：

for(k = 0; k < arr.length; k++){
  balls[k] = new Ball(width / 2, 30, 0.01);
  // 新增num属性存储随机数值，保留Ball实例本身
  balls[k].num = arr[k];
  ent += balls[k].num;
  console.log(ent);
}

修正后即可正常调用ball.show()方法渲染小球。