Как правильно организовать последовательно выполнение одной функции js?

Question

[k-2]

Набросал js код, который последовательно запускает одну функция 10 раз.
Подскажите как правильно и красиво организовать подобную последовательную операцию?

var count = 10;

function forse(){
	timerId = setTimeout(function(){

		$.post(
			"post.php",
			{
               params: params,
               count: count
			},	
			function(data){
           $("#result").append(data);
		        count--;
		        if(count>0) forse();
		        else {
		            stop();
		        }
			}
		);
	},5000);
}

Answer 1

[Vitaliy]

Используйте Promise

function forse(){
  return new Promise((res,req) => { // и в случае ошибки не забудьте вызвать req
     setTimeout(function(){
    $.post(
      "post.php",
      {
               params: params,
               count: count
      },	
      function(data){
           $("#result").append(data);
            res();
      }
    );
  },5000);
  });
}

Для актуальных браузеров c поддержкой async/await (должно быть внутри async функции)

for(let i=0;i<10;i++)
    await forse();

И для тех, что постарше:

var i = 0;
function iter(){
    if(++i>10)return;
        return forse().then(iter)
}
iter();

Comments

[k-2]

Скажите, а паузу выполнения возможно сделать?

[Vitaliy]

k-2, так она и осталась та, что была (setTimeout)

[k-2]

Виталий Столяров, пауза - т.е. остановить процесс(временно). А потом продолжить.
И вообще прервать процесс.
В промисах есть такие возможности? Или это надо делать в обработчиках?

[Vitaliy]

k-2, js работает по событийной модели, и в нем как-то явно приостановить процесс нельзя (как например sleep во многих языках). Но в последних версиях (и через полифилы в ранних) можно использовать генераторы, чтобы выполнять функцию по шагам. По такому же принципу работает await - ждет пока Промис завершит выполнения и выполняется следующая команда, не блокируя при этом поток

[k-2]

Виталий Столяров, спасибо, почитаю про await

Answer 2

[longclaps]

Просто продублируй этот код 10 раз.

Comments

[k-2]

Как же я сам не догадался...

[longclaps]

k-2, вот и я удивляюсь ) Последовательное выполнение - это же что-то однопоточное, не? Может, цикл сообразишь как-нибудь?

[k-2]

longclaps, какой цикл??? посмотри внимательнее код!

[longclaps]

k-2, особо продвинутые знают, что цикл легко конвертируется в рекурсию, благо глубина невелика - всего 10 )

[k-2]

longclaps, к сожалению рекурсия мне не подходит. Но в других случаях это может иметь место.