eval函數的工作原理
eval函數會評估一個給定的含有JavaScript代碼的字串,並且試圖去執行包含在字串裡的運算式或者一系列的合法的JavaScript語句。eval函數將把最後一個運算式或者語句所包含的值或引用作為傳回值。
舉例說明
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 value
bar = '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;
}
};
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解釋成代碼塊。
舉例說明
alert(eval('{foo:"bar"}')); // return "bar", incorrect
alert(eval('({"foo": "bar"})')); // return JSON object, correct