JavaScript var宣言

Question

JavaScriptで複数の変数を宣言するとき、
下記①②のような2パターンの書き方があるようですが、
これは何か違いがあるのでしょうか？

※Node.js(express)をインストールしたら①の書き方でした。
※②はいろんな人のブログで見かけます。

①それぞれにvarをつける
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');

②varは1つ、以降の変数はカンマで区切って最後にセミコロン
var express = require('express')
, path = require('path')
, favicon = require('serve-favicon');

よろしくお願いします。

Answer 1

ここに詳しく書いてありますが、2つめのパターンのメリットは以下の通りです。(抜粋)

1. 必要とされる変数が一目で分かり、コードの見通しも良くなる
2. 変数を定義する前にその変数を使用してしまう「変数の巻き上げ」という論理上のエラーを予防できる。
3. グローバルを最小にできる。
4. コード量が減る。

Comments

[tokyo]

メリットを提示していただきありがとうございます。
リンク先の「変数の巻き上げ」についても興味深く大変勉強になりました。

Answer 2

カンマ演算子です。

【カンマ演算子 - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Comma_Operator

【[javascript]カンマ演算子は右側の値を返す : minoawのブログ】
http://blog.livedoor.jp/minoaw/archives/1642468.html

【JavaScript のコンマ演算子 - フリーフォーム フリークアウト】
http://d.hatena.ne.jp/cou929_la/20110408/1302269034

Comments

[tokyo]

有用なリンクを示していただきありがとうございます。

[raccy]

var文の中で、区切りに使われているカンマ「,」はvar文の一部であり、カンマ演算子のカンマではありません。下記も参考にしてください。
https://teratail.com/questions/28566

[kei344]

To: raccy
勘違いしていました、情報ありがとうございます。

To: tokyo
すいません、誤った情報でした。

Answer 3

特に違いはないです。

変数を宣言するとき、同じ変数の型であれば
int a,b,c;
というような感じで、カンマで複数いっぺんに定義できる仕様になっています。
多くの言語で似たような書き方ができると思います。

Comments

[tokyo]

一度に定義できるメリットがあり、動きについては特に違いはないということで理解しました。
ご回答ありがとうございました。