skillup

技術ブログ

JavaScript

Promiseを使った非同期処理

投稿日:

今回はPromiseを使った非同期処理について。

JavaScriptでの非同期処理ですが、処理1、処理2があった場合、よく言われるコールバック地獄になってしまいます。うまく関数化すればそうでもない気がしますが・・・(汗)

Promiseを使うとそれを回避することができます。

ネットで検索するとsetTimeoutや簡単なサンプルの例は多かったのですが、いざ自分の必要なコードを書いて理解するとなると多少時間がかかりました。*参考URLのものが自分の求めていたイメージに一番近かったです。

実際に使う場合ほとんどAjaxがらみだと思うので、Ajaxを使ったサンプルを。

特に2回目(上記の例でいうとgetFunc2)の処理を噛ませた後の結果がどこに行くのかを理解するまで時間がかかりました。thenの中で、さらにthenで展開されます。

参考URL

Promiseで複数の非同期処理を書く

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

formのシリアライズ+return falseなど

ajaxでformの値を投稿しようとするとき、一つ一つの要素をjQueryでとっていたのですが、項目が多いとなかなか手間です。 そんな時、下記のメソッドで一気にフォーム要素を取得して投げることができま …

no image

Angular概論 モジュール、コントローラー、スコープなど

Contents1 Angularインストール2 ソース2.1 モジュール、スコープとコントローラ2.1.1  モジュールとは2.1.2 コントローラーとは2.1.3 スコープとは3 参考リンク An …

no image

ajaxがらみのイベントの発動とwhenに関して

実務で住所のプルダウンを実装する機会がありました。 [東京都][中央区][明石町] みたいにカテゴリーが2〜3あって連動するプルダウンのパターンです。 これを実装するときのポイントですが、新規保存より …

no image

JSでの他ファイル読み込み。requireやimportについて

JavaScriptに関して、知識が非常に古い段階で止まっているのでコツコツとアップデートをしております。 今回はrequireやimportなど、他のファイルの読み込みについてです。 PHPなどサー …

no image

JavaScriptのトランスパイルについて

今回はJavaScriptのトランスパイルについて。 JavaSciprtではwebpackでコンパイルなどをする時に同時にトランスパイルという処理を行います。 トランスパイルとは? 主にES2015 …