Резюмируя мои сегодняшние топики...
Есть следующий код
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
var loader = function() {
var _files = {};
var _head_el = document.getElementsByTagName('head')[ 0 ];
var _IE_workaround = function(callback) {
var target = window.event.srcElement;
if (target.readyState == 'loaded') callback.call(target);
}
return {
isLoaded: function(name) {
return _files[name] ? true : false;
},
load: function(name, onload) {
if (this.isLoaded(name)) {
onload();
} else {
var script_el = document.createElement('script');
script_el.type = 'text/javascript';
if (onload instanceof Function) {
if (script_el.addEventListener) {
var listener = function() {
onload();
script_el.removeEventListener('load', listener, false);
};
script_el.addEventListener('load', listener, false);
} else if (script_el.attachEvent) {
var listener = function() {
_IE_workaround(onload);
script_el.detachEvent('onreadystatechange', listener);
};
script_el.attachEvent('onreadystatechange', listener);
}
}
script_el.src = this.path + name + '.js';
_head_el.appendChild(script_el);
}
return true;
},
path: ''
};
}();
loader.path = 'my_script/';
loader('class1', function() {
var test = new class1();
loader('class2', function() {
var test2 = new class2();
loader('class1', function() {
var test3 = new class1();
console.log(test);
console.log(test2);
console.log(test3);
});
});
});
Первая проблема - в вышеприведенном примере он подгрузит my_script/class1.js 2 раза. И у меня есть сомнения, что если после
var listener = function() {
поставить
- это будет недостаточно безопасно - есть мизерная вероятность запросить подгрузку некоторого файла и попасть в момент, когда событие onload уже случилось, но _files[name] в true еще не проставилось. JS однопоточен? Нужно ли мне бояться этой вероятности? Как можно сделать bulletproof? :)
Вторая проблема - хочется
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
loader('class1', function() {
var test = new class1();
loader('class2', function() {
var test2 = new class2();
loader('class1', function() {
var test3 = new class1();
console.log(test);
console.log(test2);
console.log(test3);
});
});
});
развернуть в
1.
2.
3.
4.
5.
6.
7.
8.
loader('class1');
var test = new class1();
loader('class2');
var test2 = new class2();
loader('class1');
var test3 = new class1();
console.log(test);
console.log(test2);
console.log(test3);
- думаю попробовать через синхронный аякс. Стоит пробовать?
