BFE.devでのAI解答例 - JavaScript クイズ
52. requestAnimationFrame

このJavaScriptコードは、次のように出力します。

1
6
3
4
2
5

まず、1がコンソールに出力されます（console.log(1)）。

次に、2と5がsetTimeoutによって設定されます。しかし、2のログは100ミリ秒まで表示されません（setTimeout(() => { console.log(2) }, 100)）。 requestAnimationFrameを使用した関数も2つありますが、それらはすぐに実行されます。したがって、次に3がログに表示され、次に4が表示されます。

その後、200ミリ秒の間、空のwhileループが実行され、それがブラウザのGUIスレッドをブロックしています。最後に、6がログに表示されます。200ミリ秒の間、2つのsetTimeoutによって設定された2と5は実際にログに表示されます。つまり、4のログよりも後に5のログが表示されます。