JSの非同期処理を理解するために必要だった知識と学習ロードマップ

はじめに JavaScript の非同期処理を学習してみて「ある程度自信を持って理解できたと言える」状態に到達したので、その感想とまとめの学習ロードマップとその中でどのような知識が必要になるかを紹介したいと思います。 あるいは、自分が実際に学習してきた道筋に基づいているのでショートカットとして参考にしてもらったり、使えるリソースなどの情報が共有できると思います。もしくは「JavaScript 初心者が非同期処理を理解できるようになるまでの道筋」というストーリーで１つのサンプルとして見ていただけるといいかもしれません。 ChangeLog 大きな変更のみをトラッキングしています。 2022-11-16 本の内容を反映させた追記・修正を追加 2022-05-21 構成を修正 「V8 エンジンから考える」の項目を追加 2022-04-30 「イベントループの共通性質」の項目を追加 「ロードマップ

[mizchi]

自分はjquery deferredを経由したから理解できたけど、asyncからpromiseを逆算するのはしんどいと思う

[hase0510]

老害目線の心配なんだけど、JavaScriptで非同期処理を勉強すると排他制御がわからない人にならないかな？

[takyam1213]

prototypeの時代から生きてると初学者の気持ちが分からなくなってる

[nishik-t]

俺たちは雰囲気でasync/awaitを使ってる。実際そうなんだよ。この程度のドキュメントでさえ流し読みしてしまうのでそこから抜け出せない。

[efcl]

JavaScriptのPromisesとPromiseJobs/Microtasks/Event Loopのキューについて

[hatest]

こんなツールあったのね

[sigwyg]

XML Http RequestからPromise/Fetch、からのasync/awaitて流れだとスッと入っていけたけど、今の人は同時に存在するから大変だよなあ

[jax7]

スーパーいい！

[door-s-dev]

まずはコールバックによる非同期処理があって、そこからPromiseが導入されたという流れがいいんじゃないのかなぁ

[roshi]

今はなきPhantomJS/CasperJSでひたすら試行錯誤してやっと書けるようになった。ループ処理の書き方はまだ苦手だけど。。

[yoiIT]

最近は便利なの色々あるんだなぁ

[atuyesaman]

これは絶対後で読む

[PseudoHakham]

“うとしても(非同期処理の制御が予測できず)かけないことに気づくので次に非同期処理のバックグラウンドでの動きを学習します。 まずは非同期処理の流れを理解する”

[mangakoji]

前も書いたが、ソフトで言う非同期処理(後回しでよい)がハードでいう同期処理で、ソフトで言う同期処理(即処理する)がハードでいう非同期処理なのな。

[hkj]

これは自分的にはなんともタイムリーでありがたい

[ribot]

女子小学生を処理しようとか言ってますよ！フェミの皆さん！

[iwasiman]

自分も雰囲気でしか分かっていない...

[umai_bow]

async-await の文法については、実は generator + Promise (co) の糖衣構文みたいな感じで生まれたのでそっちを知ってれば混乱しないと思う

[tkysktmt]

“JavaScript Visualizer ”

[azzr]

"Macrotask Queue (Task Queue) は実はキューではなくセット" はだいぶ語弊がある。個々のTask Queueはキューだよ。Event loopが(複数形の)Task queuesというキューの集合を持ってる。

[mag4n]

自分は非同期処理が普通の世界から入って来たので同期処理見たときすごい気付かされた。

[Andrion]

よくまとめられてる。JSは古い使い方や歴史を知らないと理解しきれないことが多い。

[mayumayu_nimolove]

ロードマップ作るとかじゃなく一日ググったり動かしたりする方が大事だよ。

[hokkey]

異常系とテストも含めてスラスラ書けるようになるまで何年もかかった気がする。最新の仕様がどうなのかもちょっと把握できてない

[yarumato]

“そもそも同期と非同期という言葉に騙されそう。Promiseの概念が掴みづらくアンチパターンを学びようやく理解に到達。Promiseとかawaitとかって実は非同期処理ではない？‍という疑問解消がターニングポイント”