ジェネレータを使った非同期処理 - Qiita

はじめに ES6以降、JavaScriptの非同期処理は、GeneratorやPromiseを使って書きやすくはなりました。しかし、直列と並列を変更したり、混在させたり、何層にも入れ子にしたい場合があるので、より書きやすく読みやすい記述を検討します。 サンプル用非同期処理関数(sleep)の準備 関数内の実行状況がわかるサンプルを用意してテストします。実際のコードで使用する実用的なものとしては、画像の読み込み、AjaxでのAPI呼び出し、タイマーで起動させるものなどがあります。 const sleep = (time, callback) => { console.log('sleep time : ' + time + ' start'); const completion = () => { console.log('sleep time : ' + time + ' callback