javascript的 {} 語句塊詳解
今日學(xué)習(xí)解析json字符串，用到了一個eval()方法，解析字符串的時候為什么需要加上括號呢？摸不著頭腦。原來javascript中{}語句塊具有二義性，不加括號會出錯，理解這種二義性對我們理解javascript代碼有極大幫助。
一、{}語句塊的兩個含義
表示語句塊
a. 在javascript中可以使用{}來括起代碼，在編輯器中方便管理代碼。因為javascript并沒有塊級作用域，所以這種寫法是無害的。
{
//some code...
}
b. 在javascript中 ，條件判斷語句，循環(huán)語句，函數(shù)都需要{}語句塊來整合代碼
對象字面量
var box = {
name:'kuoaho',
age:21
}
//此時[code]作為表達(dá)式，可以賦值給一個變量
//其實對象字面量就是可以生成對象值的表達(dá)式
二、那如果對象字面量不作為一個賦值表達(dá)式，會發(fā)生什么情況呢？
example:
{name:'kuoao'} //沒有報錯，但是也沒有創(chuàng)建對象
{name:'kuohao',age} //報錯
由上面可以看出對象字面量只能夠作為表達(dá)式賦值，第一種寫法沒有錯，只是javascript將它作為一個label語句解析了。
analysis:
{name:'kuoao'}
//{}一個語句塊
// name:'kuohao'，一個label語句，用于標(biāo)記for循環(huán)
三、但是問題又來了……
{
name:'kuohao',
age:21
}
//這樣為什么會報錯？這不是對象字面量的寫法嗎？
因為javascript中{}的二義性，{}不僅僅被認(rèn)為是對象字面量而且還會被認(rèn)為是代碼塊。
analysis:
{
name:'kuohao',
age:21
}
一個代碼塊，兩條label語句，如果沒有逗號，是完全沒有問題的，所以關(guān)鍵在于逗號，兩條語句的分隔應(yīng)該使用分號，所以javascript會判定這是語法錯誤
四、正確的寫法
({
name:'kuohao',
age:21
})
//正確的寫法
()會把語句轉(zhuǎn)換成表達(dá)式，稱為語句表達(dá)式，對象字面量不是表達(dá)式嗎？為什么還需要()來轉(zhuǎn)換？
加上括號以后，就可以消除這種二義性，因為括號里的代碼都會被轉(zhuǎn)換為表達(dá)式求值并且返回，因此語句塊也就變成了對象字面量，也可以得出，對象字面量必須作為表達(dá)式而存在
相關(guān)文章
這篇文章主要介紹了js筆試題-接收get請求參數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06
javascript的數(shù)組和常用函數(shù)詳解
這篇文章主要介紹了javascript的數(shù)組和常用函數(shù)詳解,非常詳細(xì)，適合新手學(xué)習(xí),需要的朋友可以參考下2014-05-05
JavaScript變量聲明很簡單，但是這里也有要學(xué)習(xí)的知識點，對于JavaScript基礎(chǔ)學(xué)習(xí)很重要。2013-10-10
淺談javascript構(gòu)造函數(shù)與實例化對象
JavaScript 中的構(gòu)造函數(shù)和其它語言中的構(gòu)造函數(shù)是不同的。 通過 new 關(guān)鍵字方式調(diào)用的函數(shù)都被認(rèn)為是構(gòu)造函數(shù)。任何JavaScript 函數(shù)都可以用做構(gòu)造函數(shù)，構(gòu)造函數(shù)必須 使用new 運算符作為前綴來創(chuàng)建新的實例。2015-06-06
HTML DOM 是 W3C 標(biāo)準(zhǔn)（是 HTML 文檔對象模型的英文縮寫，Document Object Model for HTML）。通過 DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性?？梢詫ζ渲械膬?nèi)容進(jìn)行修改和刪除，同時也可以創(chuàng)建新的元素。2016-03-03
js中&& 和 ||運算符經(jīng)常用到，但也好混淆，下面是對自己的使用坐下記錄,需要的朋友可以參考下2014-08-08
本文主要給大家介紹了javascript中深復(fù)制的實現(xiàn)方式，這里推薦給有需要的小伙伴參考下。2014-12-12
這篇文章主要介紹了javascript單引號和雙引號的區(qū)別和處理,希望對大家有所幫助2014-05-05
深入理解JavaScript中的對象復(fù)制(Object Clone)