JavaScript 图像构造函数重载？

Question

很多脚本会动态创建图像，比如

            im = new Image();
            im.src = 'http://...';

我正在寻找 Image 类的构造函数的重载，其功能是将每个新创建的对象的引用添加到某个数组。

假设我有

            var dynImages = new Array;

然后我希望每个新的动态创建的图像都位于我的 dynImages 数组中，这样我就可以随时访问由 创建的每个图像的 src >new Image() by dynImages。

可能吗？

Answer 1

类似于:

var dynImages = new Array;
Image = (function (org) {
    return function () {
        var result = new org;
        dynImages.push(result);
        return result;
    };
}(Image));


var tmp = new Image();
tmp.src = 'http://www.google.de/images/srpr/logo3w.png';
document.body.appendChild(tmp);​

console.log(dynImages);

​http://jsfiddle.net/EkQmL/

虽然我只在 Chrome 中测试了这个。