ループ内の非同期なfunctionからループ実行のタイミングを制御して、処理全体を同期っぽく動かす方法。 setInterval を使ったループよりも効率的。

controlling-loop-from-async-function-in-the-loop.js

// ループ内の非同期なfunctionからループ実行のタイミングを制御して、処理全体を同期っぽく動かす方法。
// この方法なら setInterval を使ったループよりも効率的。

var arr = ["a", "b", "c"];

var iter = function* () {
  let i = 0;
  let lastIdx = arr.length - 1; 
  while (true) {
    console.log("Before yeild");
    yield funcAsync(arr[i]); // iter.next()が呼ばれるまで停止...
    if (i >= lastIdx) {
      console.log("Exit!");
      return i; // ループを抜ける
    }
    i++;
  }
}();

function funcAsync(txt) {
  setTimeout(function() {
    console.log(`funcAsync: '${txt}' iter.next()を実行...`);
    iter.next(); // yeild部分の停止を解除
  }, 2000);
}

// Fire!
iter.next();

/* 
// console log:
Before yeild
funcAsync: 'a' iter.next()を実行...
Before yeild
funcAsync: 'b' iter.next()を実行...
Before yeild
funcAsync: 'c' iter.next()を実行...
Exit!
*/