Javascript 实例化多个图像

Javascript 实例化多个图像,javascript,jquery,Javascript,Jquery,问题 我的问题是我想创建多个图像并将它们绘制到画布上。但问题是我不想创建很多变量,比如创建一个我会做的图像 var img = new Image(); img.src = 'img.png'; //I'm trying to prevent from having to use this line multiple times. 我真的不知道它叫什么,所以我无法对stackoverflow进行彻底的搜索,但如果你知道它是什么,请告诉我,我一定会查看它 所以,你们知道有没有一种高效/快速的方法

问题
我的问题是我想创建多个图像并将它们绘制到画布上。但问题是我不想创建很多变量,比如创建一个我会做的图像

var img = new Image();
img.src = 'img.png';
//I'm trying to prevent from having to use this line multiple times.
我真的不知道它叫什么,所以我无法对stackoverflow进行彻底的搜索,但如果你知道它是什么,请告诉我,我一定会查看它

所以,你们知道有没有一种高效/快速的方法可以做到这一点,而不必创建一打变量。因为我将加载大约20多个图像

额外问题

我想问的这个东西的正确名称是什么?是“创建对象”、实例化还是什么?

是的,正确的术语是实例化它,或者对象是类的实例。下面是图像对象数组的示例

    var imgArray = [];
    for(var i = 0; i < 20; i++)
    {
         imgArray.push(new Image());
         imgArray[imgArray.length - 1].src = 'img.png';
    }
var imgArray=[];
对于(变量i=0;i<20;i++)
{
push(新图像());
imgaray[imgaray.length-1].src='img.png';
}

您可以使用一个数组来保存所有img对象。反复在画布上绘制图像。@fubbe好的,谢谢!我一定会试试的。@fubbe等等,嗯,你能给我看看它的代码吗?因为我实际上有点困惑。它像是
var imgArray=['img1.png']
还是什么?它看起来不支持不同来源的图像。谢谢你告诉我正确的术语。:)它可以。这取决于您想要什么以及图像文件的命名方式。如果可能,将它们命名为img1.png、img2.png等,然后使用.src='img'+i+'.png'。否则,您只需拉出.src=部分并单独设置它们。@nerdyguy感谢您的分享!我一定会试试的。有没有关于如何改进我的问题以避免被否决的反馈?老实说,我不知道我做错了什么,它会被否决。问题有时会被否决的一个原因是因为他们问“我该怎么做…”很多用户对这种问题非常不友好。大多数人更喜欢这样的问题:“我正在尝试做,但我得到了以下错误。这是我目前的代码。你知道怎么回事吗?”但即使这样,他们有时也会被否决。老实说,这不是世界上最友好的地方。好的,谢谢!下次我一定会记住这一点。非常感谢你的好意。