(Циклы JS) Как быть в данном фрагменте кода?

Question

[Urukhayy]

Вот есть у меня код:

for(var i in obj){
   (finctuin(i){
      код, который должен выполниться первее кода ниже
   })(i);
   // код, который должен выполниться после верхней функции, но он выполняется до неё..
}

И так надо в каждой итерации... А на деле получается, что сначала пройдут все итерации кода ниже, а потом все итерации кода выше.

Comments

[Lynn «Кофеман»]

В данном фрагменте кода всё выполняется именно так, как написано.

[YemSalat]

Создание функций внутри цикла - дурной тон

[Urukhayy]

YemSalat: А как быть тогда?

[YemSalat]

Создайте функцию выше цикла, например var blabla = function(i) { /* ... */ }

И внутри вызывайте ее: blabla(i);

Answer 1

[Grag]

Есть такая штука, колбэк называется.

Comments

[Urukhayy]

То есть, если в цикле будут 2 колбэка, они выполнятся по очереди? Сверху вниз?

[bromzh]

Urukhayy: нет. если у тебя что-то асинхронное выполняется в цикле, то первым выполнится тот коллбек, который раньше вызовется после окончания асинхронного кода. более того, первая функция - не коллбек, а просто самовызываемая.

[bromzh]

for (var el in obj) {
    асинхронная_функция1(параметры, коллбек1);
    асинхронная_функция2(параметры, коллбек2);
}

вот в таком сценарии коллбеки не будут выполняться по-очереди. 2-й может вызваться раньше первого, так как они выполняются при завершении асинхронной функции, чей порядок завершения неизвестен заранее.

[Urukhayy]

bromzh: тогда как можно решить эту задачу?

[bromzh]

for (var el in obj) {
    асинхронная_функция1(параметры, function(параметры) {
        синхронный_код;
        асинхронная_функция2(параметры, коллбек2);
    });
}

Вроде так. Или засунуть весь синхронный код во второй коллбек.
Хотя такую лапшу из колбеков городить плохо. Чтобы избежать кучи вложенных коллбеков, можно использовать when/then из jquery (или её аналоги).

Answer 2

[Сергей Мельников]

у вас что то не так в коде, у меня работает нормально:

var obj = { test: "Lorem", test_2: "Ipsum", test_3: "Dolore" };
for (var i in obj) {
  (function(i) { console.log(i); })(i);
  console.log(obj[i]);
}
/*
test
Lorem
test_2
Ipsum
test_3
Dolore 
*/