JS中逗號運算符的用法

逗號運算符，它將先計算左邊的參數，再計算右邊的參數值。而後返回最右邊參數的值。

原書舉的例子不太好，沒法解釋上面那句話，這裏另外提供一個：

var a = 10, b = 20;
 
function CommaTest(){
    return a++, b++, 10;
}
 
var c = CommaTest();
 
alert(a); // 返回11
alert(b); // 返回21
alert(c); // 返回10

變量c的值是函數CommaTest返回的值，而a和b多加1了。

逗號運算符和函數調用運算符的衝突

在JavaScript中，函數調用確實是函數調用運算符。它很特殊，由於其它編程語言資料中多歷來沒有這個叫法的。而後，（纔是）它沒有固定數目的運算數。

函數調用運算符的第一個參數是一個函數名或者是一個引用函數的表達式，其後是括號（）。括號中間能夠是數目不定的運算符，這些運算數能夠是任意的表達式，它們之間用逗號隔開。

函數調用運算符將計算它的每個運算數，第一個運算數指定爲函數名（括號前），而括號中間的全部運算數的值將傳遞給這個函數做爲函數的參數。

例如（函數調用方式）：

document.close()
Math.sin(x)
alert("Welcome " + name)
Date.UTC(2000, 11, 31, 23, 59, 59)
funcs.f(funcs.args[0], funcs.args[1])

知道了調用函數運算符後，咱們舉個例子說明關於如何處理它們衝突的事。

alert(2*5, 2*4); // 輸出10

上面這段代碼輸出10,可是若是根據逗號運算符的原理來解釋的話，那應該是輸出8纔對。爲何呢？

由於逗號運算符在JavaScript在的優先級是最底的，記住這一點很是有用。因此函數調用運算符將先於逗號運算符運行。結果alert函數輸出第一個參數的值。將上面的代碼修改爲以下所示便可。

alert((2*5, 2*4)); // 返回8

 

逗號運算符和賦值運算賦的衝突

在JavaScript中，逗號運算符的優先級比賦值運算符還要底。請看下面的代碼

var a = 20;
var b = ++a,10;
alert(b);

 

這段代碼彷佛不能運行，多是因爲賦值運算符優先於逗號表達式運行，若是將代碼改爲

var a = 20;
var b = (++a,10);
alert(b);

便可了。 

 

上面說到的「可能」咱們這裏作一下解釋，這是本人的一些見解，不必定權威。

逗號運算符要求它的運算數是一個複雜的表達式或簡單的表達式（如變量或直接量），但因爲賦值運算符優先於逗號運算符執行，所以變成左邊不是一個運算數或一個表達式，而是一個含有var關鍵字的語句

以前不能執行的代碼能夠當作以下代碼：

var a = 20;
(var b = ++a),10;
alert(b);

語句中有表達式語句，但不是全部的語句都是表達式。

#################################################

1、逗號運算符的特性及做用

逗號運算符的做用是將若干表達式鏈接起來。它的優先級別在全部運算符中是最低的，結合方向是"自左至右"的。

如：3*3，4*4

2、逗號表達式

逗號表達式的通常形式是：表達式1，表達式2，表達式3……表達式n

逗號表達式的求解過程是：先計算表達式1的值，再計算表達式2的值，……一直計算到表達式n的值。最後整個逗號表達式的值是表達式n的值。

看下面幾個例子：

//示例1
x1=8*2,x1*4    //x1的值爲16， 整個逗號表達式的值爲 64
console.log(x1); //16
      //      x1=16   64  
console.log( (x1=8*2,x1*4) ); //64

//示例2
(x2=8*2,x2*4),x2*2   //x2的值爲 16， 整個逗號表達式的值爲 32
console.log(x2)    //16
//              x2=16  64   32
console.log( ( (x2=8*2,x2*4),x2*2 ) )  //32

//示例3
x3=(z3=5,5*2) //x3的值爲整個逗號表達式的值， z3的值爲5
console.log(x3);  //10
console.log(z3);  //5

//示例4
x4=z4=5,5*2  //整個表達式爲逗號表達式，它的值爲10，x4和z4的值都爲5
console.log(x4, z4);  //5 5
console.log( (x4=z4=5,5*2) )  // 10

 

逗號表達式用的地方不太多，通常狀況是在給循環變量賦初值時才用獲得。因此程序中並非全部的逗號都要當作逗號運算符，尤爲是在函數調用時，各個參數是用逗號隔開的，這時逗號就不是逗號運算符。

 

運算符使它兩邊的表達式以從左到右的順序被執行，並得到右邊表達式的值。, 運算符最普通的用途是在 for 循環的遞增表達式中使用。例如：

var i, k; //同時聲明多個變量的方式（不當作逗號運算符）
var j =0;
for( i=0; i<10; i++, j++){ //每次循環結束時都執行 i++和j++  （逗號運算符）
  k = i + j;
  console.log(k); //總共輸出 0，2，4，......16, 18
}

 

每次經過循環的末端時， for 語句只容許單個表達式被執行。, 運算符被用來容許多個表達式被看成單個表達式，從而規避該限制。

 

摘自：https://www.jb51.net/article/86349.htm