Я пытаюсь написать ультра простое решение для загрузки кучи JS файлов асинхронно. У меня есть следующий ниже script. Однако обратный вызов иногда вызывается, когда сценарии фактически не загружаются, что вызывает ошибку, не найденную переменной. Если я обновляю страницу иногда, это просто работает, потому что я думаю, что файлы идут прямо из кеша и, следовательно, быстрее, чем вызван обратный вызов, это очень странно?
var Loader = function () {
}
Loader.prototype = {
require: function (scripts, callback) {
this.loadCount = 0;
this.totalRequired = scripts.length;
this.callback = callback;
for (var i = 0; i < scripts.length; i++) {
this.writeScript(scripts[i]);
}
},
loaded: function (evt) {
this.loadCount++;
if (this.loadCount == this.totalRequired && typeof this.callback == 'function') this.callback.call();
},
writeScript: function (src) {
var self = this;
var s = document.createElement('script');
s.type = "text/javascript";
s.async = true;
s.src = src;
s.addEventListener('load', function (e) { self.loaded(e); }, false);
var head = document.getElementsByTagName('head')[0];
head.appendChild(s);
}
}
Есть ли все равно, чтобы проверить, что JS файл полностью загружен, не помещая что-то в собственно файл JS, потому что я хотел бы использовать тот же шаблон для загрузки библиотек из моего контроля (GMaps и т.д.).
Вызов кода, непосредственно перед тегом.
var l = new Loader();
l.require([
"ext2.js",
"ext1.js"],
function() {
var config = new MSW.Config();
Refraction.Application().run(MSW.ViewMapper, config);
console.log('All Scripts Loaded');
});
Спасибо за любую помощь.