实例化多个图像javascript

Instantiate multiple images javascript

本文关键字：javascript 图像 实例化      更新时间：2023-09-26

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

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';
    }
相关文章：