eval和JSON

本文着重解释eval函数和JSON数据格式之间的联系以及一些细节上的问题。如果您想详细了解eval和JSON请参考以下链接：

eval  ：https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Functions/Eval

JSON：http://www.json.org/

 

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 + ')');

Tag标签: eval, JSON, JavaScript, 括号

2

0

0

(请您对文章做出评价)

« 上一篇： 获取文档的尺寸：利用Math.max的另一种方式

Feedback

#1楼   回复  引用  查看    

2009-12-30 09:33 by 杜建宇       

不错。

#2楼   回复  引用  查看    

2009-12-30 09:57 by 骑着夕阳看着猪       

顶啊，实用

#3楼   回复  引用  查看    

2009-12-30 10:22 by One Newbie       

终于了解了

#4楼   回复  引用  查看    

2009-12-30 10:59 by Jertun       

从来没想过还可以这样用

#5楼   回复  引用  查看    

2009-12-30 11:39 by Tmac_       

楼主，代码你有调试吗，还有，最后一个eval('{' + jsonString + ')');括号明显不匹配呀~~

#6楼   回复  引用  查看    

2009-12-30 11:58 by love4J       

var jsonObject = eval("(" + jsonFormat + ")");在使用的时候，加不加圆括号不能一概而论，如果jsonFormat是个字符串，那么需要加括号，在文中jsonFormat已经是个对象了，不需要执行eval就可以访问对象的属性。

#7楼   回复  引用  查看    

2009-12-30 12:00 by love4J       

alert(eval("({})");// return object[Object]等价于
alert(eval({});// return object[Object]

#8楼   回复  引用  查看    

2009-12-30 12:01 by Dw-Widget       

兄弟：eval出了将字符串转化JSON对象 还可以执行匿名函数哦
var method = "{exe:function(){alert('test')}}";
method = eval('(' + method + ')');
method.exe();
好处多多

#9楼   回复  引用  查看    

2009-12-30 12:15 by love4J       

引用

* eval错误解析语义
alert(eval('{foo:"bar"}')); // return "bar", incorrect

正确的写法：
alert(eval({foo:"bar"}));
或者var a = eval('({foo:"bar"})');
不是因为名字没加引号。