JavaScript中Eval函数的使用说明

Eval函数基础示例与原理

首先通过一个简单的示例来直观感受：

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

运行上述代码后，你会观察到在JavaScript环境中，字符串"2 + 3"被实际执行了。

因此，当将the_evaled_answer赋值为eval("2 + 3")时，JavaScript引擎会解析该字符串，计算出2与3的和，并将结果返回赋给the_evaled_answer变量。

这看似简单，实则蕴含强大功能。例如，借助eval，你可以依据用户的输入动态创建函数。

这种机制允许程序根据时间条件或用户交互实时调整行为，通过灵活应用，可实现显著的程序动态性效果。

利用Eval动态访问DOM对象

尽管在实际开发中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标签使用：

[img src="/stuff3a/parrot.gif" name="parrot"]

[img src="/stuff3a/cheese.gif" name="cheese"]

请注意这几行关键代码：

the_image_object = window.document.parrot;

这将一个图像对象赋值给变量。虽然写法略显生疏，但在语法层面是完全合法的。

然而，如果面临100个而非仅2个图像的情况，编写大量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函数语法规范与高级用法

我们经常在JavaScript中遇到Eval函数，

部分开发者认为该函数颇具特色，能将字符串转化为具备特定功能的操作，且功能强大。

当需要将普通字符串转换为具体对象时，便会调用此函数。

eval函数会对作为数字表达式的字符串进行求值，其语法格式为：

eval(expr)

其中expr为待求值的字符串参数。若该字符串为表达式，eval将计算其值；若参数代表一条或多条JavaScript语句，eval则执行这些语句。此外，eval可用于将日期字符串转换为数值表达式或数字。

Eval函数

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

用法：Eval(codeString)

codeString是包含Javascript语句的字符串，在eval之后使用Javascript引擎编译。

注释：

例子：eval(id + "_icon.src="/imgs/collapse_up.gif'");

id是之前设定的参数，而在双引号中的字符串则是需要编译的

引用:

function tophide(id) //id indicates menu
{ 
if (top.topframeset.rows == "31,*")
{ 
top.topframeset.rows = "86,*";
eval(id + "_icon.src="/imgs/collapse_up.gif'");
eval(id + "_icon.alt='Collapse The Head'");
head.style.display = "block"
} 
else
{ 
top.topframeset.rows = "31,*";
eval(id + "_icon.src="/imgs/collapse_down.gif'");
eval(id + "_icon.alt='Expand The Head'");
head.style.display = "none"
} 
}