Javascript中eval()函数的使用方法与示例

JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。

定义和用法 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

语法 eval(string) 参数 描述 string 必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。 返回值 通过计算 string 得到的值（如果有的话）。

说明 该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。

如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。

抛出 如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。

如果非法调用 eval()，则抛出 EvalError 异常。

如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。

提示和注释 提示：虽然 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"; 
}

?

Eval 函数

功能：先解释Javascript代码，然后在执行它

用法：Eval(codeString)

codeString是包含有Javascript语句的字符串，在eval之后使用Javascript引擎编译。  
举个小例子：

var the_unevaled_answer = "2 + 3"; 
var the_evaled_answer = eval("2 + 3"); 
alert("the un-evaled answer is " + the_unevaled_answer + " and the evaled answer is " + the_evaled_answer);

如果你运行这段eval程序, 你将会看到在JavaScript里字符串"2 + 3"实际上被执行了。所以当你把the_evaled_answer的值设成 eval("2 + 3")时, JavaScript将会明白并把2和3的和返回给the_evaled_answer。 

这个看起来似乎有点傻，其实可以做出很有趣的事。比如使用eval你可以根据用户的输入直接创建函数。这可以使程序根据时间或用户输入的不同而使程序本身发生变化，通过举一反

三，你可以获得惊人的效果。

在实际中，eval很少被用到，但也许你见过有人使用eval来获取难以索引的对象。 文档对象模型（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标记：

 

请注意象这样的几行语句： 
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. 有点害怕？用不着。其实这相当有用，人们也经常使用它。

上面是原文，但是对于最后一个案例，也不是非要使用eval(),可以使用其它的解决方法，代码如下：

function simpleSwap() 
	{ 
	 var the_image = prompt("change parrot or cheese",""); 
	 var the_image_object = window.document[the_image];
	 the_image_object.src = "ant.gif"; 
	}

番外：

eval()可以将String类型的变量转化为JSON格式的对象。

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

var dataObj=eval("("+data+")");//转换为json对象 
为什么要 eval这里要添加 “("("+data+")");//”呢？ 

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

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象（注：原来是JSON类型的字符串，但是因为eval()会将字符串当做表达式执行，所以返回的执行结果便是JSON对象），而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。