eval函數的工作原理

eval函數的工作原理

eval函數會評估一個給定的含有JavaScript代碼的字符串，并且試圖去執行包含在字符串里的表達式或者一系列的合法的JavaScript語句。eval函數將把最后一個表達式或者語句所包含的值或引用作為返回值。

舉例說明

• eval評估JavaScript表達式

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

• eval評估JavaScript語句

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的格式是由大括號和由冒號（：）構成的名值對所組成的。注意JSON格式與對象字面量 (object literals) 的區別：JSON的名字部分嚴格用引號+名字來表示。

舉例說明

• 對象的字面量

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

• JSON對象

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

eval和JSON

由于Ajax的興起，JSON這種輕量級的數據格式作為客戶端與服務器之間的傳輸格式逐漸地流行起來，進而出現的問題是如何將服務器端構建好的JSON數據轉化為可用的JavaScript對象。利用eval函數無疑是一種簡單而直接的方法。在轉化的時候需要將JSON字符串的外面包裝一層圓括號：

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

為什么要加括號？

加上圓括號的目的是迫使eval函數在評估JavaScript代碼的時候強制將括號內的表達式（expression）轉化為對象，而不是作為語句（statement）來執行。舉一個例子，例如對象字面量{}，如若不加外層的括號，那么eval會將大括號識別為JavaScript代碼塊的開始和結束標記，那么{}將會被認為是執行了一句空語句。所以下面兩個執行結果是不同的：

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

JSON格式的名字部分為什么要加引號？

因為eval函數會將{foo:”bar”}解釋成合法的JavaScript語句，而非表達式。但是人們往往想要的是讓eval將這段代碼解釋成一個對象。所以JSON格式會強制你去在名字的外側加上引號再結合圓括號，這樣eval就不會錯誤的將JSON解釋成代碼塊。

舉例說明

• eval錯誤解析語義

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

• eval正確解析JSON

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

結論

理解eval的工作原理和json的嚴格的限定格式，合理結合eval和json應用于JavaScript的數據傳遞和對象轉換。

following this format:

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