マンガでわかるJavaScriptのPromise

# 1p 1) モフオ： 今回は ａｓｙｎｃと ａｗａｉｔの 話をするよ [モフオ] 2) ミア： また謎の言葉が 出てきたわね [ミア] ----- 3) モフオ： ａｓｙｎｃは 非同期を意味する ａｓｙｎｃｈｒｏ ｎｏｕｓのこと だよ asynchronous （エイスィンクロナス） 非同期の ａｗａｉｔは 待つという 意味の言葉だね await （アウェイト） 待つ ----- 4) ミア： エイスィンクと アウェイトゥ？ 同じａが 付いているのに 音が違うの？ 5) モフオ： 全然関係ない 言葉だからね

# 2p 1) モフオ： それで 関数の前に ａｓｙｎｃと書くと その関数ブロックが 非同期用の領域に なるんだ 2) async function() { 非同期用の領域 } ----- 3) モフオ： この領域内で Ｐｒｏｍｉｓｅを返す 関数を使う時は ａｗａｉｔを 使って 特殊な書き方が できるんだ

# 3p 1) モフオ： Ｐｒｏｍｉｓｅ オブジェクトを使って こう書いていた コードを 2) timer(500, '処理1') .then(function() { return timer(600, '処理2'); }) .then(function() { return timer(700, '処理3'); }) .then(function() { return timer(800, '処理4'); }) .then(function() { console.log('終了'); }); ----- 3) モフオ： こう書けるんだ 4) const func = async function() { await timer(500, '処理1'); await timer(600, '処理2'); await timer(700, '処理3'); await timer(800, '処理4'); console.log('終了'); }; func(); ----- 5) モフオ： ａｗａｉｔの ところで待って 終わったら先に 進むんだ 6) ミア： 急に見やすく なったわね