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 相关文章推荐
html中table数据排序的js代码
Aug 09 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
javascript ajax的5种状态介绍
Aug 18 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
原生js实现商品筛选功能
Oct 28 Javascript
JavaScript中的类型检查
Feb 03 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
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
php使用exec shell命令注入的方法讲解
2013/11/12 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
2015/10/10 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
javascript Excel操作知识点
2009/04/24 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
2017/03/09 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
js解决软键盘遮挡输入框的问题分享
2017/12/19 Javascript
json对象及数组键值的深度大小写转换问题详解
2018/03/30 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
vue中axios的二次封装实例讲解
2019/10/14 Javascript
原生JavaScript写出Tabs标签页的实例代码
2020/07/20 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
Python中的异常处理简明介绍
2015/04/13 Python
python中类的属性和方法介绍
2018/11/27 Python
在Django下测试与调试REST API的方法详解
2019/08/29 Python
关于Python 常用获取元素 Driver 总结
2019/11/24 Python
利用Python优雅的登录校园网
2020/10/21 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
英国最大的奢侈珠宝和手表网站:C W Sellors
2017/02/10 全球购物
美国领先的奢侈手表在线零售商:WatchMaxx
2017/12/17 全球购物
当当网官方旗舰店:中国图书销售夺金品牌
2018/04/02 全球购物
荷兰网上药店:Drogisterij.net
2019/09/03 全球购物
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
Prototype是怎么扩展DOM的
2014/10/01 面试题
Python里面如何拷贝一个对象
2014/02/17 面试题
机械系大学毕业生推荐信
2013/11/27 职场文书
高三生物教学反思
2014/01/25 职场文书
幼儿园小班评语
2014/04/18 职场文书
防邪知识进家庭活动方案
2014/08/26 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
搭建Yolov5服务器
2022/04/30 Servers