同期と非同期

非同期JavaScript：API通信とモジュール / 全 5 枚

非同期JavaScript：API通信とモジュール - 同期と非同期

書いた順に出ない行がある

JavaScript は書いた行を上から順に実行します。ところが作品データを取りに行く処理は返事が来るまで数百ミリ秒かかるので、その間ずっと画面を止めるわけにいきません。そこで「予約だけして先に進む」という進め方が出てきます。

上から順に片づけるのが同期、予約して先へ進むのが非同期です。次の図解で、この差が待ち時間にどう効くのかを見ます。

真ん中に書いた行の出力が、いちばん最後に回っています。

console.log("取得を始めます");
setTimeout(() => {
  console.log("作品データが届きました");
}, 500);
console.log("次の描画に進みます");

// 取得を始めます
// 次の描画に進みます
// 作品データが届きました

1 / 5

← → キーでも送れます