JS中eval工作原理和json格式(eval+json两者结合应用)

转载 2012年03月27日 11:37:18

本文讲解一下javascript中eval与json的应用问题。

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

举例说明

eval评估JavaScript表达式

 

Code [http://www.xueit.com]
var bar = 'bar'; var foobar = eval('"foo" bar'); alert(foobar);

 

eval评估JavaScript语句

 

Code [http://www.xueit.com]
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的名字部分严格用引号+名字来表示。
举例说明
对象的字面量

 

Code [http://www.xueit.com]
var objectLiteral = { name: "Objector.L", age: "24", special: "JavaScript", sayName: function() { return this.name; } };

 

JSON对象

 

Code [http://www.xueit.com]
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代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:

 

Code [http://www.xueit.com]
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 + ')');

 

javascript 中eval()工作原理和json格式(eval+json两者结合应用)

一:eval()的工作原理     eval函数会评估一个给定的含有JavaScript代码的字符串,并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把...

JS中eval工作原理和json格式(eval+json两者结合应用)2011-07-05 22:39--本文讲解一下javascript中eval与json的应用问题。

JS中eval工作原理和json格式(eval+json两者结合应用) 2011-07-05 22:39 - - 本文讲解一下javascrip...
  • A_post
  • A_post
  • 2012年04月04日 11:56
  • 341

关于json格式的转化以及eval的使用

var jsonObject = { "name" : atguigu, "age": 12, "adress":{"city":BeiJing} } 关于json格式的转化已经eval的使用 问题描...

Js的eval解析JSON中的注意点

用Js的eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析...

用Js的eval解析JSON中的注意点

用Js的eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用e...

用Js的eval解析JSON中的注意点

http://www.cnblogs.com/fishtreeyu/archive/2011/11/05/2237190.html 在JS中将JSON的字符串解析成JSON数据格式,一般有两...

【转】用Js的eval解析JSON中的注意点

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery...
  • WuLex
  • WuLex
  • 2016年04月14日 15:16
  • 1301

JS操作JSON总结toJSONString()和eval()方法

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是JavaScript 原生格式,这...

js中的eval解析json

JS 解析JSON   1.  "JavaScript">   2.     3.     4.    var t="{'firstName': 'cyra', 'lastNa...

用Js的eval解析JSON中的注意点

用Js的eval解析JSON中的注意点 在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS中eval工作原理和json格式(eval+json两者结合应用)
举报原因:
原因补充:

(最多只允许输入30个字)