JavaScript 逗號（,）用法

如果人表現過於平凡，可能就會被大家所忽略，這是一個很殘酷的事實，想必人人都有類似不爽的經歷。

JavaScript中也有很多看似"平凡"的東西可能會被所忽略，比如本文所要介紹的逗號。

下面是對逗號的用法進行一下總結羅列。

一.用作運算子：

逗號是JavaScript運算子之一。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let c=(a=0,b=9);
console.log(a);
console.log(b);
console.log(c);

程式碼執行效果截圖如下：

逗號兩邊是兩個表示式，兩個表示式會依次執行，然後返回第二個表示式的值。

所以上述程式碼a和b分別被賦值為0和9，然後返回第二個表示式值，也就是9。

再來看一段程式碼例項加深印象：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
function func(){
  return 1,2,3,4;
}
console.log(func())

程式碼程式碼執行效果截圖如下：

多個逗號運算子的使用，從左邊開始進行運算，分解如下：

（1）.首先，1,2返回2。

（2）.再次，2,3返回3。

（3）.最後，3,4返回4，最終函式的返回值就是4。

二.特定語法中：

（1）.可以用在多個變數同時宣告賦值中。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼
var webName="螞蟻部落",age=4;

上述程式碼將多個變數的宣告與賦值分隔開來。

可能有朋友會產生這樣的疑問，這個不就是逗號運算子的使用嗎，事實並不是。

表示式可以返回一個值，上面程式碼是賦值語句，程式碼驗證如下：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
console.log(var webName="螞蟻部落");

程式碼執行效果截圖如下：

上述程式碼報錯了，如果把var去掉就可以看做一個賦值表示式。

（2）.函式引數分隔：

通過逗號可以將函式傳遞的引數分隔開。

程式碼例項如下：

[JavaScript] 純文字檢視 複製程式碼
function func(a,b){}

（3）.陣列元素分隔：

[JavaScript] 純文字檢視 複製程式碼
let arr=[1,2,3,4];

通過逗號分隔陣列中的每一個元素。

（3）.物件直接量中屬性分隔：

[JavaScript] 純文字檢視 複製程式碼
var antzone={
  webName:"螞蟻部落",
  address:"青島市南區"
}

通過逗號可以將物件中的鍵值對分隔，最後一個不需要逗號。

上面是對逗號用法的大致總結，給需要的朋友帶來一定的參考作用。

也許還有關於逗號的其他用法，熱心的朋友可以在文章底部留言，本站將會總結成文。