Асинхронная функция

[Gekan]

Всем привет.
Есть такой пример:

<script>
var count = 0;
var f = function(){
    count++;
    if (count==10) {
        return;
    }
    document.write("1");
    setTimeout(f, 1000);
};

document.write("0");
f();
document.write("2");
</script>

И этот код выдаёт 01211111111 (там конечно стирается из-за document.write, но не суть).
А как сделать так, чтобы код выдавал 01111111112, т.е. приостановить что ли эту асинхронность? Т.е. нужен аналог sleep() в Java.
В данном примере можо было бы так:

<script>
var count = 0;
var f = function(){
    count++;
    if (count==10) {
        document.write("2");
        return;
    }
    document.write("1");
    setTimeout(f, 1000);
};

document.write("0");
f();
</script>

Но хотелось бы увидеть какое-то универсальное решение, если такое есть.
Может как-то использовать Deferred из JQuery?

[come-on]

setTimeout и есть слип, если вам не нужна в принципе асинхронность то зачем тут ее мучать?
вообще вы бы рассказали что надо

[Gekan]

Например, есть вызов 3 функций:

document.write("0");
f();
document.write("2");

Они вызываются в одном потоке (ну в javascript по-другому вроде не бывает) одна за другой.
В функции f() у меня идёт в цикле какое-то действие, например вывод цифры 1, но необходимо каждую цифру выводить через 1 секунду. Ну и пока не закончено выполнение f() следующие инструкции не должны выполняться, в данном пример имею в виду строку:

document.write("2");

[Fenex]

Тут два выхода
1) вызывать последующие функции из коллбека:

function before() {
  console.log("Start");
}

function action() {
  if (count == 5) {
    after();
    return;
  }
  console.log(count++);
  setTimeout(action, 1000);
}

function after() {
  console.log("End");
}

var count = 0;
before();
action();

2) использовать промисы:

var action = function(count) {
  var defer = jQuery.Deferred();
  var isLast = true;

  while (count--) {
    (function(count, isLast) {
      setTimeout(function() {
        console.log(count);
        if (isLast) defer.resolve();
      }, count * 1000);
    })(count, isLast);

    isLast = false;
  }

  return defer.promise();
};

console.log("Start");
action(5).then(function() {
  console.log("End");
});

[Gekan]

Спасибо за пример с Deferred.
А как быть, если эту функцию action вызывать в цикле?
То есть вот так если написать, то не работает так как ожидается.

for  (var k = 0; k < 3; k++ ){
    console.log("Start");
    action(15).then(function() {
        console.log("End");
    });
}

[Fenex]

Что-то вроде этого должно быть.

var chain = jQuery.when();
for(var k=0; k<3; k++) {
    chain = chain
    .then(function() {
        console.log("Start");
    }).then(function() {
        return action(5);
    }).then(function() {
        console.log("End");
    });
}

[Naive]

Сообщение от Fenex

Что-то вроде этого должно быть.

var chain = jQuery.when();
for(var k=0; k<3; k++) {
    chain = chain
    .then(function() {
        console.log("Start");
    }).then(function() {
        return action(5);
    }).then(function() {
        console.log("End");
    });
}

не-а, надо замыкание запилить

[Fenex]

с чего это вдруг?