JavaScriptの関数の後にセミコロンが必要な理由とは？

JavaScriptでは、すべての関数の後にセミコロンを付けることは必須ではありません。ただし、関数式（function expression）を使う場合には、意図しない動作やエラーを避けるためにセミコロンを付けることが重要です。ここでは、セミコロンを付けた場合と付けなかった場合の違いをコード例とともに解説します。

セミコロンを付けた場合

var display = function () {
  alert("Hello World");
};
(function () {
  // コード
})();

セミコロンを付けなかった場合

var display = function () {
  alert("Hello World");
}
(function () {
  // コード
})();

なぜ結果が変わるのか？

最初の例では、変数 display への代入文の末尾にセミコロンがあるため、直後に続く即時実行関数（IIFE）は独立した文として正しく処理されます。

一方、セミコロンを省略した2番目の例では、JavaScriptは改行を無視して文をつなげて解釈するため、実際には次のように記述したものと同じ意味になります。

var display = function () {
  alert("Hello World");
}(function () {
  // コード
})();

この場合、最初の関数式に対して、後ろの括弧内の関数が引数として渡されてしまいます。その結果、「undefined は関数ではない」というエラーが発生し、プログラムは意図どおりに動作しません。

まとめ

関数宣言（function declaration）の後にセミコロンは不要ですが、変数に代入する関数式やIIFE（即時実行関数）と組み合わせる場面では、必ずセミコロンを付ける習慣をつけましょう。これにより、予期しないエラーを防ぎ、安全で読みやすいコードを書くことができます。