とほほのPromise入門 - とほほのWWW入門
Promiseとは コールバック地獄 タイミング問題 Promiseによる解決 エラー処理 throwを伴うエラー処理 Finally すべてのタスクが完了したら(Promise.all()) いずれかのタスクが完了したら(Promise.race()) いずれかのタスクが完了したら(Promise.any()) すべてのタスクが成功・失敗に関わらず完了したら(Promise.allSettled()) 非同期関数を同期関数っぽく呼び出す(async/await) for await ... of ... Promiseとは Promise は、JavaScript や Node.js において、非同期処理のコールバック関数をエレガントに記述するための仕組みです。英語の promise は、「制約」、「保障」などの意味を持ちます。Promise は、Chrome 63, Firefox 5
全部約束 Promise.all - 非同期処理を効率よく並列実行するために - 銀の弾丸
photo credit: EpicTop10.com Promise via photopin (license) 互いに独立した複数の非同期処理は、 Promise.all で待ちましょうね！ってことを書いています。 ゲームを作りながら楽しく学べるHTML5+CSS+JavaScriptプログラミング［改訂版］ (Future Coders（NextPublishing）) 田中 賢一郎(著) 新品 ￥1,650 24個の評価 Amazon.co.jpで詳細を見る 例えば、複数のREST APIの結果を得たい場合、以下のように書きがちです。 一見問題なく見えますが、処理速度的にちょっと無駄なんですね。 実際ワタシも細かいことを気にせずにザクザクとコードを書いている時はこのように書いていて、あとから見直すことが多々あります。 async function sample() { const
setTimeoutはダサいぞ。JavaScript Promiseを使って処理を順番に実行しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さん、JavaScriptで「アニメーションAを3秒かけて実行したあと、アニメーションBを実行」などと、順番に処理を実行したいとき、どのようにしていますか？ 以下のように setTimeout() を使って実現しているでしょうか？ function serialAnim () { // ...アニメーションAの処理 setTimeout(() => { // ...アニメーションBの処理 }, 3000) } うーん、ダサいですね。 それとも以下のようにコールバックを利用しているでしょうか？ animA(animB) function animA (callback) { // ...アニメーションAを実行した後に、callback(この例ではanimB)を実行する処理 } setTimeout() は、保守性に問題があることはもちろん、そもそもが「◯秒以降」に実行されるという関数なので
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今更だけどPromise入門 - Qiita
jQueryのDeferredの基本的な使い方メモ - Qiita
