JS逗號運算子的用法詳解

品讀夜的黑發表於2016-04-20

逗號運算子的用法詳解

注意:
一、由於目前正在功讀JavaScript技術,所以這裡拿JavaScript為例。你可以自己在PHP中試試。
二、JavaScript語法比較複雜,因此拿JavaScript做舉例。


最近重新閱讀JavaScript權威指南這本書,應該說很認真的閱讀,於是便想把所學的東西多記錄下來。後

面本人將逐步寫上更多關於本書的文章。

本文的理論知識來自於JavaScript權威指南,我這裡做一下整理,或者說叫筆記。

如果你的基礎夠好的話,完全理解不成問題,但是如果讀得有些鬱悶的話,可以加我的QQ:76863715


閱讀本文的前提是,你能區分什麼是表示式,什麼是語句。還有明確運算子和運算數多是些啥東西。所

謂的表示式就是—— 一個JavaScript的“短語“,JavaScript的直譯器可以計算它,從而生成一個值。表示式可

以分為以下三種:

1)直接量,如1.7是數字直接量、"JavaScript權威指南"是一個字串直接量等。
2) 變數

直接量表示式的值就是這個直接量本身,變數表示式的值則是該變數所存放或引用的值。

3) 可以“合併”上面提到的“簡單”表示式來建立為比較複雜的表示式。例如1.7是表示式,i也是表示式,下面的程式碼所示的同樣也是(也可以叫)表示式:
i + 1.7
上面這個表示式的值是兩個簡單表示式(一個變數表示式和一個簡單表示式)的和。在此例中,“+”是一個運算子,用於將兩個簡單表示式合併起來以組成一個複雜的表示式。

運算數的個數
可以根據運算子需要的運算數的個數對運算子進行分類,大多數運算子都是二元運算子,它們把兩個“表示式”合併成一個複雜的表示式。簡而言之,就是它有兩個 運算數。此外,JavaScript還支援大量的一元運算子,它能將一個表示式轉換成另一個更復雜的表示式。如表示式-3中,運算子“-”就是一元運算 符,它執行操作是對運算數取反。
JavaScript還支援三元操作符“?:”,它可以將三個表示式合併為一個複雜的表示式。

OK,下面開始講解逗號運算子。

逗號運算子,它將先計算左邊的引數,再計算右邊的引數值。然後返回最右邊引數的值。
原書舉的例子不太好,無法解釋上面那句話,這裡另外提供一個:

<script>

var a = 10, b = 20;

function CommaTest(){
return a++, b++, 10;
}

var c = CommaTest();

alert(a); // 返回11
alert(b); // 返回21
alert(c); // 返回10

</script>

變數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])

知道了呼叫函式運算子後,我們舉個例子說明關於如何處理它們衝突的事。

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

上面這段程式碼輸出10,但是如果根據逗號運算子的原理來解釋的話,那應該是輸出8才對。為什麼呢?

因為逗號運算子在JavaScript在的優先順序是最底的,記住這一點非常有用。所以函式呼叫運算子將先於逗號運算子執行。結果alert函式輸出第一個引數的值。將上面的程式碼修改成如下所示即可。

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


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

在JavaScript中,逗號運算子的優先順序比賦值運算子還要底。請看下面的程式碼。

<script>
var a = 20;
var b = ++a,10;
alert(b);
</script>

這段程式碼似乎不能執行,可能是由於賦值運算子優先於逗號表示式執行,如果將程式碼改成

<script>
var a = 20;
var b = (++a,10);
alert(b);
</script>

即可了。



上面說到的“可能”我們這裡做一下解釋,這是本人的一些看法,不一定權威。

逗號運算子要求它的運算數是一個複雜的表示式或簡單的表示式(如變數或直接量),但由於賦值運算子優先於逗號運算子執行,因此變成左邊不是一個運算數或一個表示式,而是一個含有var關鍵字的語句

之前不能執行的程式碼可以看成如下程式碼:

<script>
var a = 20;
(var b = ++a),10;
alert(b);
</script>

語句中有表示式語句,但不是所有的語句都是表示式。

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

一、逗號運算子的特性及作用 
逗號運算子的作用是將若干表示式連線起來。它的優先順序別在所有運算子中是最低的,結合方向是"自左至右"的。 
如:3*3,4*4 
二、逗號表示式 
逗號表示式的一般形式是:表示式1,表示式2,表示式3……表示式n 
逗號表示式的求解過程是:先計算表示式1的值,再計算表示式2的值,……一直計算到表示式n的值。最後整個逗號表示式的值是表示式n的值。 
看下面幾個例子: 
x=8*2,x*4 /*整個表示式的值為64,x的值為16*/ 
(x=8*2,x*4),x*2 /*整個表示式的值為128,x的值為16*/ 
x=(z=5,5*2) /*整個表示式為賦值表示式,它的值為10,z的值為5*/ 
x=z=5,5*2 /*整個表示式為逗號表示式,它的值為10,x和z的值都為5*/ 
逗號表示式用的地方不太多,一般情況是在給迴圈變數賦初值時才用得到。所以程式中並不是所有的逗號都要看成逗號運算子,尤其是在函式呼叫時,各個引數是用逗號隔開的,這時逗號就不是逗號運算子。 
如:printf(" %d,%d,%d",x,y,z); ########################################################### 運算子使它兩邊的表示式以從左到右的順序被執行,並獲得右邊表示式的值。, 運算子最普通的用途是在 for 迴圈的遞增表示式中使用。例如: 

for (i = 0; i < 10; i++, j++)
{
k = i + j;
}
每次通過迴圈的末端時, for 語句只允許單個表示式被執行。, 運算子被用來允許多個表示式被當作單個表示式,從而規避該限制。

相關文章