Javascript 使用jQuery加载图像并将其存储在图像存储库中

在搜索答案时，我使用jQuery发现此线程延迟加载多个图像并等待继续：

我想在代码中实现这一点，但有一点我还不明白。我可以在哪个上下文或范围中使用这些图像对象。或者我如何调整上面线程的答案，以便在图像存储库中提供这些图像

详细内容如上述线程所示：

var imagesLoaded = false;

var imageRepository = new function() {

    function loadSprite(src) {
        var deferred = $.Deferred();
        var sprite = new Image();
        sprite.onload = function() {
            deferred.resolve();
        };
        sprite.src = src;
        return deferred.promise();
    }

    var loaders = [];

    loaders.push(loadSprite('1.png'));
    loaders.push(loadSprite('2.png'));
    loaders.push(loadSprite('3.png'));

    $.when.apply(null, loaders).done(function() {
        imagesLoaded = true;
    });

}

在函数loadSprite中使用new创建的图像精灵是否可以在imageRepository中访问，例如，像imageRepository.sprite1一样

我的想法是

var imageRepository = new function() {

    ...

    this.sprite1 = loadSprite('1.png');

}

但是loadSprite返回延迟承诺对象

我完全错了吗