JavaScript中逗號運算子介紹及使用範例_javascript技巧

有一道js面試題，題目是這樣的：下列程式碼的執行結果是什麼，為什麼？

複製程式碼 程式碼如下:

var i, j, k;
for (i=0, j=0; i   k = i j;
}
document.write(k);

答案是顯示10，這題主要檢視JavaScript的逗號運算子。

下面是MDN對逗號運算子的定義：

逗號運算子計算兩個運算元（從左到右）並傳回第二個運算元的值。

根據這個定義，可以擴充一下：

逗號運算子從左到右計算兩個或多個運算元並傳回最後一個運算元的值。

可以感覺一下下面的程式碼：

複製程式碼 程式碼如下:

alert((0, 9));
alert((9, 0));

if (0,9) alert("ok");
if (9,0) alert("ok");

逗號運算子在實際程式碼中有什麼樣的作用呢？

1、交換變量，無第三個變數

複製程式碼 程式碼如下:

var a = "a", b = "b";

//方法一
a = [b][b = a, 0];

//方法二
a = [b, b = a][0];

2、簡化程式碼

複製程式碼 程式碼如下:

if(x){
  foo();
  return bar();
}
else{
  return 1;
}

可以簡寫成：

複製程式碼 程式碼如下:

return x ? (foo(), bar()) : 1;