Привет. Вот исходная статья http://webo.in/articles/habrahabr/79-coupling-async-modules/
Вот немного поработал над кодом (изначально он у меня был с рекурсией).
<script>
var modules = [
[0, 'item1', function(){
alert('item1 is loaded');
}],
[1, 'item2', function(){
alert('item2 is loaded');
}],
[1, 'item3', function(){
alert('item3 is loaded');
}]
];
/* перебор и загрузка модулей */
function load_by_parent (i) {
i = i || 0;
var len = modules.length,
module;
/* перебираем дерево модулей */
/*
while (len--) {
module = modules[len];
if (!module[0]) {
console.log(len);
loader(len);
}
}
*/
for(var j=0;j<len;j++){
console.log(j);
loader(j)
}
}
/* объявляем функцию-загрузчик */
function loader (i) {
var module = modules[i];
/* создаем новый элемент script */
var script = document.createElement('script');
script.type = 'text/javascript';
/* задаем имя файла */
script.src = module[1] + '.js';
/* задаем текст внутри тега для запуска по загрузке */
script.text = module[2];
/* запоминаем текущий индекс модуля */
script.title = i + 1;
/* выставляем обработчик загрузки для IE */
script.onreadystatechange = function() {
if (this.readyState === 'loaded') {
/* перебираем модули и ищем те, которые нужно загрузить */
load_by_parent(script.title);
}
};
/* выставляем обработчик загрузки для остальных */
script.onload = function (e) {
/* исполняем текст внутри тега (нужно тольно для Opera) */
if (/opera/i.test(navigator.userAgent)) {
eval(e.target.innerHTML);
}
/* перебираем модули и ищем те, которые нужно загрузить */
// load_by_parent(this.title);
//?????
obj.fn();
};
/* прикрепляем тег к документу */
document.getElementsByTagName('head')[0].appendChild(script);
}
/* загружаем корневые элементы */
load_by_parent();
</script>
Создаю 3 файла item1.js
alert('item1...load')
var interface={name:'interface'};
obj={fn:function(){alert('loaded1')}}
item2.js
alert('item2...load')
interface.joni=100;
obj={fn:function(){alert('loaded2')}}
item3.js
alert('item3...load')
alert(interface.joni);
obj={fn:function(){alert('loaded3')}}
У меня ошибка Uncaught ReferenceError: obj is not defined Я хочу после того как код загрузился - выполнить метод.
Кто знает отличные статьи по организации модулей - помогите, очень прошу.