Js async
- 2. 自己紹介 ? Python が好きなJavascript初心者です ? ボルダリング行きたい ? @makky_tw
- 3. Javascriptといえば非同期処理 ? 非同期処理とJavascriptは切っても切れない関係 ? 非同期処理を分かっていないとJavascriptはつらい(経 験談) ? イケてるフロントエンジニアとは非同期処理を分か っているということである
- 4. キーワード ? シングルスレッド ? 非同期処理 ? Promise ? async/await ? promisify ( pify )
- 5. なぜ非同期処理が必要か ? Javascriptはシングルスレッドで動作する ? よってJavascriptは並列処理はできない ? もし全て同期的に処理していたらhttp通信などの時間 のかかる処理で全体の処理が止まってしまう ? 非同期処理をすることで時間のかかる処理を待って いる間に他の処理を走らせることが可能になる
- 7. 問題2 ? このコードの出力結果は？ 1 2 3 4 5 6 7 8 9 早く表示しろ！
- 8. なぜ？ ? setTimeout()は 「n秒後に実行する」ではなく、 「n秒後に実行キューに追加する」であるから ? すなわち、正確にはsetTimeout(func, n)はn秒後に funcを実行しているのではなく、キューに追加されて から実行されるまでのラグが存在する ? キューに追加されてから他の重い処理が割り込むと 、n秒後に実行されていないように感じる
- 9. Promise ? Promiseは非同期処理のコールバック地獄(コールバック関数を 書きまくってネストが深くなること) から逃れるための仕組み ? コールバック地獄とは何かを簡単なコードで書いた例がココに 載っている http://qiita.com/YoshikiNakamura/items/732ded26c85a7f771a2 7#%E9%9D%9E%E5%90%8C%E6%9C%9F%E5%87%A6%E 7%90%86%E3%82%92%E8%A1%8C%E3%81%AA%E3%81% 86%E9%96%A2%E6%95%B0%E3%82%92%E4%BD%9C%E3 %82%8B%E3%82%B3%E3%83%BC%E3%83%AB%E3%83% 90%E3%83%83%E3%82%AF%E7%89%88
- 10. async/await ? Promiseはコールバック地獄から逃れる良い手段 ? しかし、非同期処理をする回数が不定で合った場合 、thenを不定回数書くことはできないため困る（再 帰的に関数を書けば解決できるが人類で再帰関数を 書きたがる者は稀である) ? async / await を使うことで簡潔で柔軟な処理が書け る
- 12. promisify (pify) ? promisify あるいは pifyを使って既存の非同期関数を promise化できる ? promisifyはnode v8 からの機能 ? node v6 の場合はpifyで同等のことが可能(?) ? http://abouthiroppy.hatenablog.jp/entry/2017/04/27/1 10733
- 13. promisify (pify) ? promisifyを使えばたくさんpromise作れてたくさん async/await使えてうれしいね！ということ ? 筆者は使ったことがないのでありがたみを感じては いない
Editor's Notes
- #2: 参考URL http://qiita.com/gaogao_9/items/5417d01b4641357900c7 http://qiita.com/gaogao_9/items/40babdf63c73a491acbb http://qiita.com/YoshikiNakamura/items/732ded26c85a7f771a27