Mmemo

PC作業に関するメモ

[JS] Promiseによる非同期処理の実装

概要

Promiseオブジェクトを利用し、非同期処理を実装する。
Aという処理が完了してからBという処理を始める、というような使い方が可能。

今回はA(全ての画像を読み込み終わってから)→(画像を表示をする)というDEMOを作成。

DEMO

Aが一つの場合

setTimeout にて画像読み込みにかかる時間を擬似的に1秒としている。

Aが複数の場合

setTimeout にて画像読み込みにかかる時間をそれぞれ擬似的に1秒,2秒,3秒としている。

参考URL

Promise - JavaScript | MDN
Promiseを使う - JavaScript | MDN