js中大括號{}的用法簡單介紹

大括號在javascript應用太廣泛了，甚至可以說只要有一點長度的程式碼都會有大括號的使用，可能很多朋友感覺大括號這東西太普通、太平常了沒有什麼好介紹的，可能真的未必如此，一些初學者或許還對大括號的一些特性還不夠了解，下面就對它的用法做一下簡單介紹，希望能夠給需要的朋友帶來幫助。

一.組織符合語句:

大括號可以用來組織符合語句，關於複合語句的概念這裡就不多介紹了，可以參閱javascript中複合語句的是什麼一章節。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if(a>1){
  b=2;
  c=3;
}

這個if語句後面的大括號就是一個複合語句的使用，也就是滿足指定的條件就執行復合語句中的所有程式碼，如果執行的程式碼只有一行，那就完全沒有必要使用複合語句了，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if(a>1)
b=2;
c=3;

上面的程式碼也是完全正確的，不過滿足條件只會執行b=2這麼一行語句。

二.物件直接量的建立:

關於物件直接量，這個大家自然都非常的熟悉，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var obj={
  webName:"螞蟻部落",
  age:3
}

三.作為函式宣告的語法結構之一:

宣告函式的時候，必須要用到大括號，它是作為語法結構的一部分，否則就會報錯。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function func(){
  //code
}

四.try catch語句中使用:

[JavaScript] 純文字檢視 複製程式碼
try{ 
  //code
}
catch(ex){ 
  //code
}
finally{ 
  //code 
}

上面介紹一下的都是司空見慣的一些用法，看到這裡可能很多朋友沒有感覺到它的特殊之處，下面再做一下深入介紹:

[JavaScript] 純文字檢視 複製程式碼
{
  antzone:"螞蟻部落"
}

上面的程式碼是什麼？，可能很多朋友的回答是物件直接量，好吧，再來看一段程式碼:

[JavaScript] 純文字檢視 複製程式碼
{
  antzone:"螞蟻部落",
  age:2
}

上面的程式碼報錯了，說明第一個程式碼根本就不是一個物件直接量，下面就對上面的現象做一下介紹。

當{}前面沒有任何其他運算子的時候，它會被解析為語句，那麼上面的第一個語句就是標籤語句，關於標籤語句可以參閱javascript標籤語句簡單介紹一章節，第二個語句之所以報錯，後續的部分已經不符合標籤語句的語法了，再看下面的一段程式碼:

[JavaScript] 純文字檢視 複製程式碼
{}.constructor;
({}).constructor;

第一行程式碼報錯了，因為{}解析為一個空語句。

第二個行程式碼將正確執行，({})返回的是一個物件直接量。