javascriptのカンマとセミコロンについて

Question

,（カンマ）で区切っても；（セミコロン）で区切っても意味は同じなんでしょうか？

window.onload=function(){
 function hoge(){
  a=1,b=2+a;
  alert(a+b);
 }

 function fuga(){
  a=4;
  b=2+a;
  alert(a+b);
 } 	
 
 hoge();
 fuga();	
}

Answer 1

上げておられる例では実質的には同じだと思います。

カンマ演算子は左側の式を評価した後に右側の式を評価し、右側の式の評価結果を結果とするという演算子ですが、代入演算子よりも優先度が低いので(質問の例に限れば)以下のように等価と考えても差し支えないと思います。

a = 1, b = 2 + a; -> (a = 1), (b = 2 + a); -> a = 1; b = 2 + a;

個人的にはカンマ演算子を使う明確な目的（単一の式しか書けない場所で副作用を目的としてカンマ演算子を使う）がないならセミコロンを使ったほうが分かりやすい気がします。乱用すると分かりにくくなるとも思います。

---

追記：Javascriptに出現する全てのカンマがカンマ演算子を意味するわけではないのでその点も注意が必要です。例えば関数の引数の区切りに使うカンマは「カンマ演算子」ではありませんので・・・

Comments

[recal]

＞カンマ演算子は左側の式を評価した後に右側の式を評価し、右側の式の評価結果を結果とするという演算子
そうだったんですね！
ありがとうございます。

Answer 2

意味は違います。実行結果については、お書きの例だと同じです。
;は文の区切りです。
,は演算子で、+や*などの仲間です。x+yが「xとyの和(xとyが数値の場合)」という結果になるのに対して、x,yはyが結果の値となります。xは結果に無関係です。

あまり使われる演算子では無いですが、見かけるとすれば、

for(var i=1,j=10; i<j; i++,j--) {

のような例でしょうか。i++,j--の所がそうです。ただ、この場合は演算結果であるj--の値すら使わずに捨てていますね。
i=1,j=10のカンマは演算子では無いです。後は関数呼び出しの引数の区切りのカンマも演算子では無いです。このようにカンマはいろいろな意味を持つので、初心者の内は自分からはカンマ演算子を使わない方が紛れが無くていいでしょう。

あと、JavaScriptだとまず無いと思いますが、他の言語で見ないことも無いのは、

while(処理1, 処理2, 条件) {
  処理3;
  処理4;
}

というような、カンマ演算子の結果を使うケースですが、これは

処理1;
処理2;
while(条件){
  処理3;
  処理4;
  処理1;
  処理2;
}
もしくは、
while(true){
  処理1;
  処理2;
  if(!条件) break;
  処理3;
  処理4;
}

のように、カンマ演算子を避けるのが多いようです。