javascript eval和JSON之间的联系

若是您想详细了解eval和JSON请参考如下连接:
eval  :https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Global_Functions/Evalexpress

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


eval函数的工做原理服务器

eval函数会评估一个给定的含有JavaScript代码的字符串,而且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用做为返回值。函数

举例说明this

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的格式orm

JSON的格式是由大括号和由冒号(:)构成的名值对所组成的。注意JSON格式与对象字面量 (object literals) 的区别:JSON的名字部分严格用引号+名字来表示。对象

举例说明blog

对象的字面量
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和JSONip

因为Ajax的兴起,JSON这种轻量级的数据格式做为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候须要将JSON字符串的外面包装一层圆括号:ci

var jsonObject = eval("(" + jsonFormat + ")"); 为何要加括号?

加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是做为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。因此下面两个执行结果是不一样的:

alert(eval("{}"); // return undefinedalert(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 + ')');

相关文章
相关标签/搜索