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 相关文章推荐
js异常捕获方法介绍
Apr 10 Javascript
js onload事件不起作用示例分析
Oct 09 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
angular内置provider之$compileProvider详解
Sep 27 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
学习Vue组件实例
Apr 28 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
js实现无限瀑布流实例方法
Sep 16 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
基于pear auth实现登录验证
2010/02/26 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
Javascript json object 与string 相互转换的简单实现
2016/09/27 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
Vue SSR 组件加载问题
2018/05/02 Javascript
关于React动态加载路由处理的相关问题
2019/01/07 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
node实现mock-plugin中间件的方法
2019/12/25 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
2020/10/16 Javascript
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python使用Tkinter显示网络图片的方法
2015/04/24 Python
python网络爬虫学习笔记(1)
2018/04/09 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
如何利用python读取micaps文件详解
2020/10/18 Python
python 爬虫网页登陆的简单实现
2020/11/30 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
Paul’s Boutique官网:英国时尚手袋品牌
2018/03/31 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
介绍一下MD5加密算法
2016/11/12 面试题
2013年员工自我评价范文
2013/12/27 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
入党函调证明材料
2014/12/24 职场文书
捐助倡议书
2015/01/19 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书
详解Html5项目适配系统深色模式方案总结
2021/04/14 HTML / CSS
python 闭包函数详细介绍
2022/04/19 Python
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技