JavaScriptで中括弧の後にセミコロンが必要なケースとは？書き分けのポイントを解説

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

JavaScriptでは、セミコロン（;）は必須ではなく省略可能です。C言語、C++、Javaなどの言語と同様に、文の末尾にはセミコロンを付けるのが一般的ですが、JavaScriptでは各文が別々の行に記述されていれば、セミコロンを省略しても動作します。これは「ASI（Automatic Semicolon Insertion：自動セミコロン挿入）」と呼ばれる仕組みによるものです。

ただし、ASIの挙動は直感に反する場合があり、思わぬバグの原因になることもあります。そのため、セミコロンを常に記述しておくことが、安全で可読性の高いプログラミング習慣として推奨されています。

セミコロンが必要なケース：関数式・変数への代入

変数に関数を代入する「関数式」の場合は、代入文の終わりとしてセミコロンが必要です。以下の例を見てみましょう。

var s = function() {
    alert("Hello World!");
};

このように、中括弧 { } の後に続くのが「文」である場合は、文の区切りとしてセミコロンを付けます。オブジェクトリテラルや即時実行関数（IIFE）なども同様です。

セミコロンが不要なケース：関数宣言

一方、function キーワードから始まる通常の関数宣言では、中括弧の後にセミコロンは不要です。

function sayHello() {
    alert("Hello World!");
}

関数宣言はそれ自体が完結した構文（宣言文）であり、文の連続ではないため、末尾にセミコロンを付ける必要がありません。付けてもエラーにはなりませんが、一般的なコーディングスタイルでは省略されます。

まとめ：使い分けのポイント

• 関数式や変数への代入 → 中括弧の後にセミコロンが必要
• functionキーワードによる関数宣言 → 中括弧の後のセミコロンは不要

「中括弧の後に何が続くか」を意識すれば判断しやすくなります。宣言として完結する場合はセミコロンなし、式や文として扱う場合はセミコロンあり、と覚えておくと良いでしょう。チーム開発ではESLintなどの静的解析ツールでルールを統一することをおすすめします。