Проблема с замыканиями в javascript?

Question

Kasheftin @Kasheftin

Проблема с замыканиями в javascript?

Пишу динамическую загрузку javascript-ов. Есть список названий файлов, которые нужно загрузить, и список callback-ов, которые нужно выполнить после загрузки. Типа:

onload_js = [];<br>
onload_js[onload_js.length] = {"src":"script1.js","callback":function() { callback1(); }};<br>
onload_js[onload_js.length] = {"src":["script2.js","script3.js"],"callback":function() { callback23(); }};<br>

Это значит, что нужно загрузить script1.js, после выполнить callback1, а еще нужно загрузить script2.js и script3.js, и когда оба будут загружены, выполнить callback23.

Пробегаю в цикле по всем onload_js и гружу скрипты через jquery метод $.getScript. Проблема в том, что не знаю, как правильно сделать замыкание внутри callback-а метода $.getScript.

Типа:

for (var i in onload_js) {<br>
  for (var j in onload_js[i]["src"]) {<br>
    $.getScript(onload_js[i]["src"][j],function() {<br>
      if (//Здесь проверка что все остальные скрипты загружены тоже)<br>
        onload_js[i]["callback"]();<br>
    }<br>
  }<br>
}<br>

Это без замыкания. И понятно, что параметр i внутрь безымянной функции не передается. И все не работает, потому как callback-и вызываются в том порядке как им вздумается. Но написать

$.getCode(onload_js[i]["src"][j],function(i,j) {<br>

нельзя, потому что тогда в i,j приходят переменные из ajax-ответа getCode (т.е. статус ответа и содержание файла). Если же обернуть безымянную функцию в скобки и вызвать call(i,j), то параметры i,j передаются правильно, но сами скрипты не грузятся (callback1 и callback23 не определены).

Что делать?

Вопрос задан более трёх лет назад
3248 просмотров

1 комментарий

Подписаться 2 Оценить 1 комментарий

Kasheftin @Kasheftin Автор вопроса

P.S. Прорвался. Привожу решение, которое у меня работает.

/* 
 * Динамическая подгрузка javascript-файлов v20110323.
 * Данные о подгружаемых файлах берутся из глобального массива onload_js.
 * 
 * onload_js = []
 * onload_js[onload_js.length] = "script1.js" - просто загрузить script1.js
 * onload_js[onload_js.length] = ["script1.js","script2.js"] - просто загрузить script1.js и script2.js
 * onload_js[onload_js.length] = {"src":"script1.js","callback":function() { callback1(); }} - после загрузки script1.js выполнить callback1();
 * onload_js[onload_js.length] = {"src":["script1.js","script2.js"],"callback":function() { callback23(); }} - после загрузки обеих script1.js и script2.js выполнить callback23();
 *
 */


$(function() {

	for (var i = 0; i < onload_js.length; i++)
	{
		var js = onload_js[i];

		if (js["src"] == null) 
			js = {"src":js};

		if (typeof js["src"] == "string")
			js["src"] = [js["src"]];

		if (js["loaded"] == null)
			js["loaded"] = {};
	
		onload_js[i] = js;

		for (var j = 0; j < js["src"].length; j++)
		{
			var js_src = js["src"][j];

			var callback = function(i,j) 
			{
				return function()
				{
					var js = onload_js[i];
					var js_src = js["src"][j];
					js["loaded"][js_src] = true;
					if (typeof js["callback"] == "function")
					{
						var all_scripts_loaded = true;
						for (var jj = 0; jj < js["src"].length; jj++)
							if (js["loaded"][js["src"][jj]] != true)
								all_scripts_loaded = false;
						if (all_scripts_loaded == true)
							js["callback"]();
					}
					onload_js[i] = js;
				}
			}

			if (js["loaded"][js_src] != true)
				$.getScript(js_src,callback(i,j));
		}
	}

});

Написано более трёх лет назад

P.S. Прорвался. Привожу решение, которое у меня работает.

/* * Динамическая подгрузка javascript-файлов v20110323. * Данные о подгружаемых файлах берутся из глобального массива onload_js. * * onload_js = [] * onload_js[onload_js.length] = "script1.js" - просто загрузить script1.js * onload_js[onload_js.length] = ["script1.js","script2.js"] - просто загрузить script1.js и script2.js * onload_js[onload_js.length] = {"src":"script1.js","callback":function() { callback1(); }} - после загрузки script1.js выполнить callback1(); * onload_js[onload_js.length] = {"src":["script1.js","script2.js"],"callback":function() { callback23(); }} - после загрузки обеих script1.js и script2.js выполнить callback23(); * */ $(function() { for (var i = 0; i < onload_js.length; i++) { var js = onload_js[i]; if (js["src"] == null) js = {"src":js}; if (typeof js["src"] == "string") js["src"] = [js["src"]]; if (js["loaded"] == null) js["loaded"] = {}; onload_js[i] = js; for (var j = 0; j < js["src"].length; j++) { var js_src = js["src"][j]; var callback = function(i,j) { return function() { var js = onload_js[i]; var js_src = js["src"][j]; js["loaded"][js_src] = true; if (typeof js["callback"] == "function") { var all_scripts_loaded = true; for (var jj = 0; jj < js["src"].length; jj++) if (js["loaded"][js["src"][jj]] != true) all_scripts_loaded = false; if (all_scripts_loaded == true) js["callback"](); } onload_js[i] = js; } } if (js["loaded"][js_src] != true) $.getScript(js_src,callback(i,j)); } } });

Answer 1 · 2011-03-23 18:23:14

точнее

(function(i) {
    $.getScript(onload_js[i]["src"][j],function() {
      if (//Здесь проверка что все остальные скрипты загружены тоже)
        onload_js[i]["callback"]();
    }
})(i);

Проблема с замыканиями в javascript?

Войдите на сайт