js eval函数使用方法介绍



我知道php中的eval函数可以把字符中的代码以php代码形式运行,后来百度知道了js中的eval函数它的功能是把对应的字符串解析成JS代码并运行。
比如说你现在要运行一个可变的方法eval(\"alert(\'abc\')\");//运行alert函数






eval 方法

检查 JScript 代码并执行.

eval(codeString)

必选项 codestring 参数是包含有效 JScript 代码的字符串值。这个字符串将由 JScript 分析器进行分析和执行。

说明
eval 函数允许 JScript 源代码的动态执行。例如,下面的代码创建了一个包含 Date 对象的新变量 mydate :

eval("var mydate = new Date();");
传递给 eval 方法的代码执行时的上下文和调用 eval 方法的一样

 代码如下

复制代码

function name1(){……}
 function name2(){……}
 var m="name1";
 eval(m+'()');
 //运行name1();
 m='name2';
 eval(m+'()');
 //运行name2();

举个小例子:

 代码如下

复制代码

//执行表达式
 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。

需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下:

 代码如下

复制代码

1.)str = "alert('hello,cssrain!')";
   eval(str);//会执行弹出操作2.) var kc = "{name:'cssrain',email:'cssrain@gmail.com'}";
  eval("cssrain="+kc); //cssrain= "{name:'cssrain',email:'cssrain@gmail.com'}";
 alert(cssrain)
  alert("name:"+cssrain.name);
  alert("email:"+cssrain.email);3.)var the_unevaled_answer = "2 + 3"; //输出 2+3
 var the_evaled_answer = eval("2 + 3"); //输出5
 alert("没有eval = " + the_unevaled_answer + " 和 用了eval= " + the_evaled_answer);

例3

使用JS 中的eval函数,可以将JS字符串作为JS表达式进行执行。

将下列JS代码保存为1.js

 

 代码如下

复制代码

function f(num,callback){                                
      //eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。                                       
      eval(callback+"('"+num +"')");
 }

 

再定义一个test.html,保存到和1.js相同的目录

 代码如下

复制代码

<!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=gb2312">
 <script src="1.js" type="text/javascript"><script>
 <title>无标题文档</title>
 <script type="text/javascript">
 function dosome(num){
     if(num) alert("未及格!"); 
     else
     if(num<=90) alert("该生成绩优良!");
        else alert("该生成绩优秀!"); 
 }function test(){ 
     var num = document.getElementById("score").value; 
     f(num,"dosome");
 } 
 </script>
 </head>
 <body>
 <p>
 eval示例:
 </p>
 请输入学生成绩
 <input  type="text" id="score">
                                         
 <input type="button" onClick="test()" value=" 看看结果">
                                         
 </body>
 </html>

然后打开test.html,可以看到我们调用了传过去的dosome()函数,使用eval函数必须保证字符串表示的JS表达式,在当前页面有效。

我们可以通过帧的方式来用eval执行任意可访问的帧的JS代码。也可以通过打开子窗体的方式,是父窗体和子窗体的JS代码能够相互调用,

而且我们只要传入函数名字符串(无论何种方式,不如通过url参数的方式),调用者无需知道调用的函数的名称,只要得到函数名字符串,即可调用,所以比较灵活。