アロー関数と関数宣言のスコープの違い

はじめに TypeScript（および JavaScript）でよく使われる「アロー関数（arrow function）」と「関数宣言（function）」は、どちらも関数を定義するための構文であるが、内部的な「スコープ（this の扱い）」が異なる。 本記事では、両者の違いを具体例とともに解説する。 スコープとは スコープ（scope）とは、変数や関数がどこまで有効であるかを示す範囲のことである。 function test() { const message = "Hello"; console.log(message); // ここでは使用できる } console.log(message); // エラー（スコープ外） この場合、message は test() 関数内でのみ有効である。 このようにスコープは「関数の中だけ」や「ブロックの中だけ」など、変数の有効範囲を決めるルールで