JavaScriptの闇を暴け！イベントループ地獄巡りクイズ - プレイ中

1 第1問

JavaScriptのイベントループの主な役割は何ですか？

A JavaScriptコードのコンパイル

B コールスタックとタスクキューを監視し、タスクキューからコールスタックへタスクを移動させる

C DOMの操作

D HTTPリクエストの送信

2 第2問

タスクキュー（またはコールバックキュー）にタスクが追加されるのは、主にどのような場合ですか？

A JavaScriptコードが最初に実行されるとき

B コールスタックが空になったとき

C 非同期処理（setTimeout、イベントリスナーなど）が完了したとき

D 同期処理が実行されているとき

3 第3問

コールスタックが空になるまで、イベントループはタスクキューからタスクを取り出しませんか？

A いいえ、コールスタックが空でなくてもタスクを取り出す

B はい、コールスタックが空になるまで待機する

C コールスタックの状態に関わらず、定期的にタスクを取り出す

D コールスタックが一定量を超えた場合にタスクを取り出す

4 第4問

`setTimeout(callback, 0)` は、callback関数をすぐに実行しますか？

A はい、すぐに実行される

B いいえ、callback関数はタスクキューに追加され、イベントループによって後で実行される

C callback関数は実行されない

D callback関数はランダムなタイミングで実行される

5 第5問

JavaScriptのイベントループは、主にどの環境で使用されますか？

A サーバーサイドのみ

B クライアントサイドのみ

C クライアントサイドとサーバーサイドの両方（Node.jsなど）

D 組み込みシステムのみ

6 第6問

Microtask queue（マイクロタスクキュー）は、Task queue（タスクキュー）と比べて、どのような優先順位で処理されますか？

A Task queueよりも優先順位が低い

B Task queueよりも優先順位が高い

C Task queueと同じ優先順位で処理される

D 優先順位は状況によって変わる

7 第7問

Promiseの`.then()`や`.catch()`で登録されたコールバックは、どのキューに追加されますか？

A Task queue

B Microtask queue

C Render queue

D Callback queue

8 第8問

次のコードを実行した場合、コンソールに表示される順番として正しいものはどれですか？ ```javascript console.log('A'); setTimeout(() => console.log('B'), 0); Promise.resolve().then(() => console.log('C')); console.log('D'); ```

A A, B, C, D

B A, D, B, C

C A, D, C, B

D A, C, D, B

9 第9問

`requestAnimationFrame` は、主にどのような処理に使用されますか？

A ファイルのダウンロード

B DOMの更新やアニメーション

C サーバーへのデータ送信

D データベースへのアクセス

10 第10問

イベントループの仕組みを理解することで、どのようなメリットがありますか？

A JavaScriptのコードがより速く実行されるようになる

B JavaScriptの非同期処理の動作を理解し、より効率的なコードを書けるようになる

C JavaScriptのコードをより短く書けるようになる

D JavaScriptのコードをより安全に書けるようになる