JavaScriptでセミコロンは必須？書き方のルールとベストプラクティスを解説

結論から言うと、JavaScriptではセミコロン（;）は必須ではありません。セミコロンは省略可能です。

一般的に、JavaScriptの単純な文は、C言語やC++、Javaと同様にセミコロンで終わるのが基本です。しかし、JavaScriptには「自動セミコロン挿入（ASI：Automatic Semicolon Insertion）」という仕組みがあり、各文が別々の行に記述されていれば、セミコロンを省略してもプログラムは正しく動作します。

とはいえ、コードの可読性や予期しないエラーを防ぐためにも、セミコロンを付けることが推奨される良いプログラミング習慣とされています。

セミコロンなしで記述できる例

たとえば、以下のようなコードは、文がそれぞれ別の行にあるため、セミコロンを省略しても問題ありません。

<script>
   <!--
      a = 5
      b = 10
   //-->
</script>

1行にまとめて書く場合はセミコロンが必須

一方で、複数の文を次のように1行にまとめて記述する場合は、文の区切りを明示するためにセミコロンが必要です。

<script>
   <!--
      a = 5; b = 10;
   //-->
</script>

セミコロンを常に付けるとよい理由

• 可読性の向上： 文の終わりが明確になり、他の開発者がコードを読みやすくなります。
• 予期しないバグの防止： 自動セミコロン挿入の挙動によっては、意図しない動作を引き起こす場合があります。特に return 文の直後に改行を入れると、undefined が返されるなどの落とし穴があります。
• コード圧縮（minify）への対応： ビルドツールでコードを1行に圧縮する際、セミコロンがないとエラーや誤動作の原因になることがあります。

このように、JavaScriptではセミコロンの省略が許容されているものの、安全で保守しやすいコードを書くためには、常に行末にセミコロンを付けるのがベストプラクティスと言えます。