コールバック とは？

処理が終わるタイミングがわからないから、「終わったらこれを実行して」と先に渡しておくんだ。ボタンのクリック処理も「クリックされたらこの関数を呼んで」とあらかじめ登録するコールバックだよ。

コールバックの中でまたコールバック、さらにその中でコールバック…とネストが深くなって、コードが右に伸びていく状態だよ。読みにくくなるだけでなく、エラー処理も各層で書かないといけなくて大変になる。

全然違う。Array.forEachに渡す関数は同期コールバックで、forEachを呼んだ瞬間に中の関数が順番に実行される。一方、setTimeout や fetch に渡す関数は非同期コールバックで、後のタイミングで実行される。「コールバック＝非同期」と思いがちだけど、同期的に呼ばれるコールバックも多い。

深く関係してる。コールバックとして渡す関数は、定義した場所の変数をクロージャとして閉じ込めている。例えばforループでiをキャプチャするコールバックを作るとき、varで宣言したiはループ後の値を全部共有してしまう。コールバックがどの時点の変数を見るかは、スコープとクロージャの理解が必須なんだ。