用jQueryDeferred对象制作多个脚本加载器，我做得对吗

我正在开发一个更好版本的$.getScript函数，它可以：

• 一次加载多个脚本
• 缓存已加载的脚本
• 加载所有必需的脚本后触发回调

您可能会建议使用一些库，如requirejs或LABjs，但我认为我可以通过使用jQueryDeferred对象来创建类似的库。这是我迄今为止的尝试：

(function($) {
    'use strict';
    var cachedScriptPromises = {};
    $.require = function(url, callback, errback) {
        var urls = (url instanceof Array) ? url : [url],
            promises = [];
        for (var i = 0; i < urls.length; i++) {
            var url = urls[i];
            if ( ! cachedScriptPromises[url]) {
                cachedScriptPromises[url] = $.Deferred(function(defer) {
                    $.ajax({
                        dataType: 'script',
                        cache: true,
                        url: url
                    }).then(defer.resolve, defer.reject);
                }).promise();
            }
            promises.push(cachedScriptPromises[url]);
        }
        $.when.apply($, promises).done(callback).fail(errback);
    };
})(jQuery);

其想法是为每个脚本url存储一个promise对象，然后在解析所有延迟对象时触发回调。

我不知道如何正确测试这个功能，但请看一下这个测试页面，如果你多次刷新页面，其中一个输出可能会丢失（在Chrome上比Firefox上更常见）

更新-下面是我的一个测试用例，它有时没有记录任何内容：

$.require(['jquery.log.js', 'foo.js'], function() {
    $('#log').log('jquery.log.js and foo.js were loaded!');
});

jquery.log.js:

(function($) {
    $.fn.log = function(msg) {
        this.each(function() {
            $(this).append('<p>' + msg + '</p>');
        });
    };
})(jQuery);

foo.js:

$('#log').log('Foo!');

那么我的$.require函数有什么问题吗？