skillup

技術ブログ

JavaScript

Promiseを使った非同期処理

投稿日:

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

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

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

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

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

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

参考URL

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

-JavaScript
-

執筆者:


comment

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

関連記事

no image

JavaScriptライブラリ sugar

去年、JavaScriptの仕事をがりがりやった時にお世話になったライブラリsugar。 JavaScriptのライブラリというとunderscore.jsが有名ですが、こいつも結構使えるライブラリで …

no image

クロスドメインがらみのajax

ajaxで別ドメインに対して、プログラムを実行したい時に注意すべきことなどを。 Contents1 ログ、レスポンスヘッダをとにかく追う2 特定ドメインからの許可3 フレームワーク側での認証ロジック( …

no image

JavaScriptのタイマー

えーボタンを押すと、時間の計測がはじまり、別のボタンを押すとそのタイマーがとまるというもの。 WEBのアプリでは比較的よくお目にかかるタイプかと思います。 一番多いのは情報商材のページかもしれないです …

no image

プルダウン連動のJS+動的要素のイベント追記(ライブラリのイベント)

JSがらみでちょっとした小ネタを。 Contents1 プルダウン連動2 動的要素へのイベント追加(ライブラリのイベントなど) プルダウン連動 大カテゴリ→小カテゴリなどとあった場合に、新規だけではな …

no image

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

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