JavaScript鬼畜クイズ！イベントループ地獄からの脱出 - プレイ中

1 第1問

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

A JavaScriptコードのコンパイル

B コールスタックとタスクキューの間でタスクを移動させる

C DOMの操作

D HTTPリクエストの送信

2 第2問

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

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

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

C 場合による

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

3 第3問

JavaScriptはシングルスレッドで動作しますが、非同期処理をどのように実現していますか？

A マルチスレッドを使用している

B イベントループを使用している

C コンパイラが自動的に最適化している

D OSの機能を使用している

4 第4問

Microtask QueueとTask Queueの違いは何ですか？

A Microtask QueueはTask Queueよりも優先度が高い

B Task QueueはMicrotask Queueよりも優先度が高い

C 両者に優先度の違いはない

D Microtask Queueは存在しない

5 第5問

次のうち、Microtask Queueにタスクを追加するものはどれですか？

A setTimeout

B setInterval

C Promise.resolve().then()

D requestAnimationFrame

6 第6問

requestAnimationFrameは、いつコールバック関数を実行しますか？

A 指定されたミリ秒後

B 次の描画サイクルの前

C 即座に

D ランダムなタイミング

7 第7問

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

A はい、すぐに実行する

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

C 場合による

D エラーが発生する

8 第8問

JavaScriptのイベントループにおいて、マクロタスクキューに新たに追加されるタスクはどれですか？

A Promiseの`then`または`catch`で登録されたコールバック関数

B `setTimeout`または`setInterval`で指定されたコールバック関数

C `queueMicrotask`で登録されたコールバック関数

D `MutationObserver`で登録されたコールバック関数

9 第9問

JavaScriptのイベントループにおいて、マイクロタスクキューが処理されるタイミングとして正しいものはどれですか？

A マクロタスクが実行されるたびに、次のマクロタスクが実行される直前

B マクロタスクキューにタスクが追加された直後

C 常に、マクロタスクキューよりも先に処理される

D レンダリングの更新後

10 第10問

次のコードを実行したとき、コンソールに表示される順番として正しいものはどれですか？ ```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, C, B

C A, D, B, C

D A, C, D, B