JavaScript eval用法

最新推荐文章于 2021-02-16 08:17:33 发布

sukyle

最新推荐文章于 2021-02-16 08:17:33 发布

阅读量1.2k

点赞数

分类专栏： AJAX 文章标签： javascript image function object json stylesheet

本文链接：https://blog.csdn.net/sukyle/article/details/6530167

版权

AJAX 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

eval( code )

参数

code: 字符串，含有要计算的JavaScript表达式或要执行的语句

返回值

计算code得到的值，如果存在的话

异常

SyntaxError: 说明code中没有合法的JavaScript表达式或语句

EvalError：说明非法调用eval()

其他异常：如果传给eval()的JavaScript代码抛出了一个异常，eval()将把这个异常传递给调用者

描述

eval()是全局方法，他将执行一个包含JavaScript代码的字符串。如果code含有一个表达式，eval()将计算这个表达式，并返回它的值。如果code含有一个或多个JavaScript语句，eval()将执行这些语句，如果最后一个语句有返回值，他还会返回这个是。如果code没有返回值eval()返回undefined。

应用

1、在eval()中实现对象的实例化或函数的声明，完成模块的动态加载。

index.jsp

<%-- Document : index Created on : 2010-6-17, 12:58:14 Author : Administrator --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" mce_href="ext/resources/css/ext-all.css" /> <mce:script type="text/javascript" src="ext/ext-base-debug.js" mce_src="ext/ext-base-debug.js"></mce:script> <mce:script type="text/javascript" src="ext/ext-all-debug.js" mce_src="ext/ext-all-debug.js"></mce:script> </head> <body> <div id="layout"></div> <mce:script type="text/javascript"></mce:script> </body> </html>

loaded.js 用于被动态加载的js文件，这个文件在客户端向服务器端请求完成后被运行，相应的panel对象被实例化，完成模块加载功能

App.loadedPanel=new Ext.Panel({ title: "ajax动态加载js文件", html: "使用ajax动态请求服务器端js文件并执行加载", frame: true, generate: function(){ var p=Ext.getCmp("east"); p.body.dom.innerHTML=""; p.add(this); } });

效果图：

2、据用户的输入直接创建函数。这可以使程序根据时间或用户输入的不同而使程序本身发生变化，通过举一反三，你可以获得惊人的效果。

3、文档对象模型（DOM)的问题之一是:有时你要获取你要求的对象简直就是痛苦。

例如，这里有一个函数询问用户要变换哪个图象:变换哪个图象你可以用下面这个函数： function swapOne() { var the_image = prompt("change parrot or cheese",""); var the_image_object; if (the_image == "parrot") { the_image_object = window.document.parrot; } else { the_image_object = window.document.cheese; } the_image_object.src = "ant.gif"; } 连同这些image标记: [img src="http://a.com/a.gif" name="parrot"] [img src="http://b.com/b.gif" name="cheese"] [code] 请注意象这样的几行语句： [code] the_image_object = window.document.parrot; 它把一个图象对象敷给了一个变量。虽然看起来有点儿奇怪，它在语法上却毫无问题。但当你有100个而不是两个图象时怎么办？你只好写上一大堆的 if-then-else语句，要是能象这样就好了： function swapTwo() { var the_image = prompt("change parrot or cheese",""); window.document.the_image.src = "ant.gif"; } 不幸的是, JavaScript将会寻找名字叫 the_image而不是你所希望的"cheese"或者"parrot"的图象，于是你得到了错误信息：”没听说过一个名为the_image的对象”。还好，eval能够帮你得到你想要的对象。 function simpleSwap() { var the_image = prompt("change parrot or cheese",""); var the_image_name = "window.document." + the_image; var the_image_object = eval(the_image_name); the_image_object.src = "ant.gif"; } 如果用户在提示框里填入"parrot"，在第二行里创建了一个字符串即window.document.parrot. 然后包含了eval的第三行意思是： "给我对象window.document.parrot" - 也就是你要的那个图象对象。一旦你获取了这个图象对象，你可以把它的src属性设为ant.gif. 有点害怕？用不着。其实这相当有用，人们也经常使用它。

4、将普通的字符串转变成具体的对象

对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对象化处理，方式不是太麻烦，就是将该字符串放于eval()中执行一次。这种方式也适合以普通javascipt方式获取json对象，以下举例说明：

var dataObj=eval("("+data+")");//转换为json对象

Red rose 为什么要 eval这里要添加 “("("+data+")");//”呢？

原因在于：eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]

对于这种写法，在JS中，可以到处看到。

如: (function()) {}(); 做闭包操作时等。

alert(dataObj.root.length);//输出root的子对象数量
$.each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
//输出每个root子对象的名称和值
alert("name:"+item.name+",value:"+item.value);
})
注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。

http://www.cnblogs.com/myjavawork/archive/2011/03/10/1979279.html

http://www.douban.com/group/topic/9362302/

http://blog.csdn.net/huangboxi/archive/2009/12/11/4983828.aspx

http://blog.csdn.net/chosen0ne/archive/2010/06/17/5676412.aspx

sukyle

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript eval用法

eval( code ) 参数 code: 字符串，含有要计算的JavaScript表达式或要执行的语句返回值计算code得到的值，如果存在的话异常 SyntaxError: 说明code中没有合法的JavaScript表达式或语句 EvalError：说明非法调用eval() 其他异常：如果传给e
复制链接

扫一扫