快捷導(dǎo)航

JSON 和 JavaScript eval使用說(shuō)明

更新時(shí)間：2010年06月13日 00:13:23 作者：

JSON (JavaScript Object Notation) 一種輕量級(jí)的數(shù)據(jù)交換格式，比 XML 更輕巧，JSON 是JavaScript 原生格式，這意味著 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何 API 和工具包。

JSON 格式可以使對(duì)象(object)、數(shù)組(array)、值(value)、字符串(string)、數(shù)值(number)。

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
var user = { 
"Name":"Andy", 
"Sex" :"man", 
"Age" :"20", 
"Phone":{"mobilephone":"123456789","telephone":"1234-12345678"}, 
"baby":[{"big":"xiaohong"},{"middle":"xiaoming"},{"small":"xiaoli"}] //包含數(shù)組 
} 
alert(user.Name); 
alert(user.Phone.mobilephone); 
alert(user.baby[0].big); 
user.baby[0].big = "--";//修改了 JSON 值 
alert(user.baby[0].big); 
</script> 

參考：http://www.json.org/json-zh.html

　　下面來(lái)看看 JavaScript 的 eval 函數(shù)。
　　eval 函數(shù)會(huì)評(píng)估給定的一個(gè)JavaScript代碼的字符串，并試圖去執(zhí)行包含在字符串里的表達(dá)式或者一系列的合法的 JavaScript 語(yǔ)句。eval 函數(shù)將把最后一個(gè)表達(dá)式或者語(yǔ)句包含的值或引用作為返回值。

代碼

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
var bar = "bar"; 
var foobar = eval('"foo"+bar'); 
alert(bar + foobar);//執(zhí)行語(yǔ)句 
foobar = eval('if(bar = "bar"){bar = "foo-bar";}else{bar = "bar-foo";}'); 
alert(foobar);//返回語(yǔ)句中包含的值 
</script> 

　　JSON 和對(duì)象字面量(Object Literals)的區(qū)別：JSON 的名字部分嚴(yán)格用引號(hào)+名字來(lái)表示。
代碼

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
//對(duì)象字面量 
var objectLiteral = { 
name:"Objector.L", 
age:"24", 
special:"JavaScript", 
sayName:function(){ 
return this.name; 
} 
}; 
//JSON 對(duì)象 
var jsonFormat = { 
"summary":"Blogs", 
"blogrolls":[ 
{ 
"title":"Explore JavaScript", 
"link":"http://example.com" 
}, 
{ 
"title":"Explore JavaScript", 
"link":"http://example.com" 
} 
] 
}; 
</script> 

　　由于 Ajax 的興起， JSON 這種輕量級(jí)的數(shù)據(jù)格式作為客戶端與服務(wù)器端之間傳輸?shù)母袷街饾u流行起來(lái)，進(jìn)而出現(xiàn)的問(wèn)題是如何將服務(wù)器端構(gòu)建好的 JSON 數(shù)據(jù)轉(zhuǎn)換為可用的 JavaScript 對(duì)象，利用 eval 函數(shù)無(wú)疑是一種簡(jiǎn)單而直接的方法。在轉(zhuǎn)化的時(shí)候需要將 JSON 字符串的外面包裝一層園括號(hào)：

var jsonObject = eval("("+ jsonFormat +")")

　　加園括號(hào)的目的是迫使 eval 函數(shù)在評(píng)估 JavaScript 代碼的時(shí)候強(qiáng)制將括號(hào)內(nèi)的表達(dá)式(expression)轉(zhuǎn)換為對(duì)象，而不是作為語(yǔ)句(statement)來(lái)執(zhí)行。舉一個(gè)例子，例如對(duì)象字面量{},如若不佳加外層的括號(hào)，那么eval會(huì)將大括號(hào)之別為JavaScript代碼塊的開(kāi)始結(jié)束標(biāo)記機(jī)，那么{}將被認(rèn)為是執(zhí)行了一句空語(yǔ)句。所以下面兩個(gè)執(zhí)行結(jié)果是不同的：

復(fù)制代碼代碼如下:

 
alert(eval("{}")); //return undefined 
alert(eval("({})")); //return [object Object] 

　　JSON 格式的名字部分為什么要加引號(hào)？因?yàn)閑val函數(shù)會(huì)將{foo:"bar"}解釋成合法的JavaScript 語(yǔ)句，而非表達(dá)式。但人們往往是想讓eval將這段代碼解釋成一個(gè)對(duì)象。所以JSON 格式會(huì)強(qiáng)制你去在名字的外側(cè)加上引號(hào)，再結(jié)合圓括號(hào)，eval就不會(huì)錯(cuò)誤的將JSON解釋成代碼塊。
　　

復(fù)制代碼代碼如下:

 
//eval 錯(cuò)誤解析語(yǔ)義 
alert(eval('{foo:"bar"}')); //return "bar",incorrect 
//eval 正確解析JSON 
alert(eval('({"foo":"bar"})'));//return JSON object,correct 

您可能感興趣的文章: