javascript - 在 JavaScript 中创建多个图像对象

Question

我正在使用 JavaScript 编程，我想知道是否有创建多个图像对象的“最佳”方法。以下面的代码为例。

var a = new Image();
var b = new Image();
var c = new Image();

这是唯一的方法吗，还是我应该做类似...

var a = new Image(), b = a, c = a;

我只是想知道第一种方法是否有不同的方法。我发现我的程序包含更多“new Image()”变量，我认为重复对代码不利。

Answer 1

我不确定我是否正确理解了您的问题。我认为将三个变量声明为三个不同的 new Image() 根本没有任何问题，如果代码需要的话。事实上，我非常赞成它，因为在我看来它使代码更具可读性。

但是，如果您打算做一些不同的事情，您可以试试这个:

var a = new Image(), b = a.cloneNode( true ), c = a.cloneNode( true );

不过我认为这不是很可读。

如果代码允许，您也可以尝试在列表中初始化它们，这可能是首选方法。

var images = [];
for( var index = 0; index < 10; index++ ) {
    images.push( new Image() );
}