JavaScriptではすべての関数の後にセミコロンが必要？関数宣言と関数式の正しい書き方

JavaScriptにおけるセミコロンの基本ルール

JavaScriptでは、セミコロン（;）の付与は基本的に任意です。C言語、C++、Javaなどの言語と同様に、単純な文の末尾にはセミコロンを置くのが一般的なスタイルですが、JavaScriptでは各文がそれぞれ独立した行に記述されていれば、セミコロンを省略しても構いません。

ただし、省略が許されるのはあくまで「1行に1つの文」が守られている場合です。複数の文を1行に連結して書く場合や、次の行の先頭が括弧 ( や角括弧 [ で始まる場合などは、意図しない動作を避けるためにセミコロンを明示的に付けることが推奨されます。

関数宣言にはセミコロンは不要

通常の関数宣言（function declaration）として関数を定義する場合、閉じ波括弧 } の後にセミコロンを付ける必要はありません。これは関数宣言が「文」ではなく「宣言」として扱われるためです。

function functionname(s) {
}

このように書いても構文的に問題はなく、セミコロンを付けたとしてもエラーにはなりませんが、一般的なコーディング規約では不要とされています。

関数式の場合はセミコロンが必要

一方で、関数を式（function expression）として変数に代入する場合は話が変わります。この場合、関数定義全体が「代入文」の一部となるため、他の通常の文と同じように文末にセミコロンを付ける必要があります。

var a = function functionname(s) {
};

上記のように、閉じ波括弧の後ろにセミコロンを忘れると、特にコードを圧縮（minify）した際や、次の行と連結された際に予期しないエラーが発生する原因となることがあります。

まとめ

• 関数宣言：function name() {} の形式 → セミコロン不要
• 関数式：var a = function() {}; の形式 → セミコロン必須

どちらのケースでも、チーム内でスタイルガイドを統一し、一貫性のあるコードを書くことが重要です。自動整形ツール（Prettierなど）やリンター（ESLintなど）を導入すれば、セミコロンの付け忘れによるバグを未然に防ぐこともできます。