1つのステートメントで複数のJavaScript変数を宣言する方法と注意点

JavaScriptの変数宣言：1行ずつ宣言するのがベストプラクティス

JavaScriptで変数を宣言する際は、1つのステートメントに多くの変数を詰め込むよりも、1行ずつ個別に宣言する方がおすすめです。個別に宣言しておけば、後から変数の追加・削除・更新が格段に行いやすくなります。

ここで、2つの宣言方法を比較してみましょう。

方法1：1行ずつ個別に宣言する

var one = "Demo One!";
var two = "Demo Two";
var three = 5;
var four = 30;

方法2：カンマ区切りで1つのステートメントにまとめる

次に、これらの変数をカンマで区切って1つのステートメントにまとめてみます。コードの行が長くなるため、見やすさの観点から次の行に折り返して記述する必要があります。

var one = "Demo One!",
    two = "Demo Two",
    three = 5;
    four = 30;

注意したいのは、上の例のようにカンマ（,）の代わりにうっかりセミコロン（;）を打ってしまうと、var宣言の連なりが途中で切れてしまい、fourが意図せずグローバル変数になるなど、予期しない動作を引き起こす可能性がある点です。厳格モード（"use strict"）ではエラーになるため、特に注意が必要です。

結論：どちらの方法を選ぶべきか？

間違いなく、1行ずつ個別に宣言する最初の方法がシンプルで混乱も少なく、推奨されるスタイルです。可読性や保守性の面でも優れており、特にチーム開発では変数の追加や削除が容易なこちらの方法を選ぶとよいでしょう。