javascript eval和JSON之间的联系


Posted in Javascript onDecember 31, 2009

如果您想详细了解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 + ')');
Javascript 相关文章推荐
跨浏览器的设置innerHTML方法
Sep 18 Javascript
浅析return false的正确使用
Nov 04 Javascript
js实现简单的可切换选项卡效果
Apr 10 Javascript
AngularJS自动表单验证
Feb 01 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
如何使用puppet替换文件中的string
Dec 06 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
js下用gb2312编码解码实现方法
Dec 31 #Javascript
JavaScript 学习笔记(七)字符串的连接
Dec 31 #Javascript
JavaScript 学习笔记(六)
Dec 31 #Javascript
JavaScript 学习笔记(五)
Dec 31 #Javascript
JavaScript 学习笔记(四)
Dec 31 #Javascript
javascript showModalDialog模态对话框使用说明
Dec 31 #Javascript
javascript控制frame,iframe的src属性代码
Dec 31 #Javascript
You might like
php创建基本身份认证站点的方法详解
2013/06/08 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
运行Node.js的IIS扩展iisnode安装配置笔记
2015/03/02 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
JS中with的替代方法与String中的正则方法详解
2016/12/23 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
JS闭包原理与应用经典示例
2018/12/20 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
2019/11/06 Javascript
[01:15:00]LGD vs Mineski Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
python实现中文分词FMM算法实例
2015/07/10 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
Python基于matplotlib实现绘制三维图形功能示例
2018/01/18 Python
python实现彩色图转换成灰度图
2019/01/15 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
美国在线奢侈品寄售商店:Luxury Garage Sale
2018/08/19 全球购物
杰夫·班克斯男士服装网上商店:Jeff Banks
2019/10/24 全球购物
自荐信不宜过于夸大
2013/11/06 职场文书
音乐专业自荐信
2014/02/07 职场文书
刑事代理授权委托书
2014/09/17 职场文书
小学师德师风整改措施
2014/10/27 职场文书
于丹论语心得观后感
2015/06/15 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
httpclient调用远程接口的方法
2022/08/14 Java/Android