javascripteval和JSON之間的聯(lián)系_javascript技巧

eval函數(shù)的工作原理

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

舉例說(shuō)明

var bar = 'bar';
var foobar = eval('"foo" + bar');
alert(foobar);

var bar = 'bar';
// if variable bar equals 'bar', foobar is the result of 
// last executing statement: bar="foo-bar";
var foobar = eval('if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}');
alert(foobar);// change the valuebar = 'foo';
// now our the last executed statement is: bar = "bar-foo";
// therefore the value of variable foobar has been changed
// into 'bar-foo'
foobar = eval('if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}');
alert(foobar);

JSON的格式

JSON的格式是由大括號(hào)和由冒號(hào)（：）構(gòu)成的名值對(duì)所組成的。注意JSON格式與對(duì)象字面量 (object literals) 的區(qū)別：JSON的名字部分嚴(yán)格用引號(hào)+名字來(lái)表示。

舉例說(shuō)明

var objectLiteral = {
 name: "Objector.L",
 age: "24",
 special: "JavaScript",
 sayName: function() {
 return this.name;
 }
};

var jsonFormat = {
 "summary": "Blogs",
 "blogrolls": [
 {
 "title": "Explore JavaScript",
  "link": "http://example.com/"
 },
 { 
  "title": "Explore JavaScript",
  "link": "http://example.com/"
 }
 ]
};

eval和JSON

由于Ajax的興起，JSON這種輕量級(jí)的數(shù)據(jù)格式作為客戶(hù)端與服務(wù)器之間的傳輸格式逐漸地流行起來(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)？

加上圓括號(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)識(shí)別為JavaScript代碼塊的開(kāi)始和結(jié)束標(biāo)記，那么{}將會(huì)被認(rèn)為是執(zhí)行了一句空語(yǔ)句。所以下面兩個(gè)執(zhí)行結(jié)果是不同的：

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解釋成代碼塊。

舉例說(shuō)明

alert(eval('{foo:"bar"}')); // return "bar", incorrect

alert(eval('({"foo": "bar"})')); // return JSON object, correct

結(jié)論

理解eval的工作原理和json的嚴(yán)格的限定格式，合理結(jié)合eval和json應(yīng)用于JavaScript的數(shù)據(jù)傳遞和對(duì)象轉(zhuǎn)換。

following this format:

eval('{' + jsonString + ')');