メモ:同期処理

Promiseオブジェクトを使用した同期処理のやり方

非同期処理の再現

再現用コード:async.html

再現用コードの実行結果

setTimeout()の遅延処理が0秒でも、期待通りの実行順にならない…
まず ① → setTimeout() → ③ と実行順が割り当てられ、
その後ろに ② が割り当てられるということらしい

Promiseを使ってみる

基本コード:sync.html

基本コードの実行結果

遅延をいれても、期待している順番になった
基本的なコードの書き方がようやくわかったが、まだ完全には理解できない部分も多い
具体的なPromiseチェーンの利用やPromise.all()などもふんわりとしかわかっていないし、
catch()の使用はバックエンドでは必須だろうから、より理解を深めなくてはならないだろう
『Promiseでいろいろやってみる』に続く
参考になったサイト
JavaScriptの同期、非同期、コールバック、プロミス辺りを整理してみる
はじめての同期処理、非同期処理 〜Promise〜
とほほのPromise入門
setTimeoutはダサいぞ。JavaScript Promiseを使って処理を順番に実行しよう
Promise

今頃だが、ついでに無名関数とアロー関数についても学べた…
JavaScript アロー関数を説明するよ
function文と関数リテラルの違いの簡単メモ
無名関数 関数式と関数宣言