タグ

promiseに関するlax34のブックマーク (4)

  • async/await、promise・・これが最後の「JavaScriptの非同期処理完全に理解した」 - Qiita

    ただこの時1つ注意が必要なのが、JavaScript以外の処理を実行する時、その処理の完了を待たずに、次の処理が実行されます。 代表的な例がHTTPリクエストです。 非同期処理で最初に多くの人が陥るのが、例えば関数AでHTTPリクエストを投げてユーザー情報を取得して、関数Bで取得したユーザー情報を使いたい時に、関数Aの非同期が完了する前に、関数Bが実行されてしまい、ユーザー情報が使えないというケースです。 では、それを回避するために、JavaScriptではこの非同期処理をどのようにして同期的に扱うのか? その歴史を以下で見ていきます。 非同期処理との戦いの歴史 非同期処理を同期的に扱うため、どのような方法を取られてきたのか、JavaScriptからHTTPリクエスト処理を実行する例を参考に説明します。 1.非同期処理を普通に呼び出した場合 まずは非同期処理を含む関数を普通に呼び出した場合

    async/await、promise・・これが最後の「JavaScriptの非同期処理完全に理解した」 - Qiita
  • 4歳娘「パパ、Promiseやasync/awaitって何?」〜Promise編〜 - Qiita

    スペシャルサンクス @sega_yuu @frodo821 とある休日 娘(4歳)「ねえパパ」 ワイ「なんや、娘ちゃん?」 娘「非同期って何?」 ワイ「ひ、非道鬼!?」 娘「そうそう、非同期処理とかいうやつ」 ワイ「非道鬼を処理やて・・・!?」 非道鬼「ヴォ〜〜〜!!!」 娘「!?」 娘「・・・現れたわね、非道鬼」 娘「処理してあげる」 ワイ「娘ちゃん、まだ4歳なのに、もう厨二病か・・・?」 よめ太郎「おい」 よめ太郎「お前まさか、非同期も知らんのか・・・?」 ワイ「いやいや、まさかまさか」 ワイ「流石に知っとるわ」 ワイ「それはそれは・・・極悪非道な・・・鬼のことや・・・」 よめ太郎「お前が非道鬼に喰われてしまえ」 非同期処理とは よめ太郎「ええか、娘ちゃん」 よめ太郎「まず、同期って言葉は」 よめ太郎「タイミングが合うって意味や」 娘「じゃあ、非同期っていうのはタイミングが合わないって

    4歳娘「パパ、Promiseやasync/awaitって何?」〜Promise編〜 - Qiita
  • 私が async/await、promise をちゃんと理解するまでのステップ1,2,3 - Qiita

    これは何? javascript の async/await を使いこなすために必要な事柄について、私なりに説明したものです。 書いてあること ステップ1)await 使えば待ってくれる 必要最小限の async/await、及び、エラーの catch の話 ステップ2)promise というもの promise の中には「正常データ = resolve」と「エラー = reject」のいずれかを保管できるという話 どうすれば、promise から、正常データ(resolve)を取り出せるか? どうすれば、promise から、エラー(reject)を取り出せるか? Promise.all の話 ステップ3)promiseを作る方法 callbackスタイルの関数を、promiseスタイルとして使う方法 setTimeout() を promiseスタイルにする async で promi

    私が async/await、promise をちゃんと理解するまでのステップ1,2,3 - Qiita
  • Promiseのpolyfill(IE11お前もか!) - Qiita

    もう、Webフロントをお客さんの為に作らなくなって早◯年。 Internet Explorerの事なんてさっぱり忘れていた。 社内の端末は全部Mac一色であり、Windowsノートなんて棚の重石に。 ちょっと社内向けにWebアプリを書いている最中にその事件は起こった。 zERobYTeさん!IEで動きません! え?いや、まさか。 さすがにさ、InternetExplorerも知らぬ間に11ですよ。 Windows 10のプレビューとか動いてる時代ですよ。 もう、「動かない」なんてことないでしょー。ご冗談を・・・。 過去の嫌な思い出ばかりが脳内を駆け巡った。 ちょっPromiseが無い がーん。 qに置き換えるか、なんかでPolyfillできんの? <script src="https://www.promisejs.org/polyfills/promise-6.1.0.min.js"><

    Promiseのpolyfill(IE11お前もか!) - Qiita
  • 1