您的位置 >>> 星想互联 >>> 编程技术 >>> JQUERY+JS
eval函数的工作原理
点击数:1514  发布时间2018-07-19 12:57:35

eval函数是强大的数码转换引擎,字符串经eval转换后得到一个javascript对象,
举简单例子:
var a = eval("5");等效于var a = 5;
var a = eval("'5'");等效于var a = '5';
var obj = eval("({name:'cat',color:'black'})");等效于 var obj = {name:'cat',color:'black'};
eval("alert('hello world!');");等效于 alert('hello world!');


js的数据类型为弱类型,可以在定义的时候指定数据类型,也可以在运算过程中强制数据类型转换


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 + ')');

来源:咸宁网站建设