js中的eval⽅法详解(⼀)–eval⽅法的初级应⽤
在我看来,js中的eval()⽅法就是⼀个js语⾔的执⾏器,它能把其中的参数按照JavaScript语法进⾏解析并执⾏。
语法:
eval(s);
1
eval()⽅法中的参数s有多种情况。参数的不同形式,会使eval()⽅法执⾏的结果和返回值有差别。下⾯来说说他们的区别。
eval()⽅法的参数形式
如果参数s不是字符串,⽽是整数或者是Function类型,则直接返回该整数或Function
举个栗⼦
例1:
var x = 1;
var y = eval(x);//eval()⽅法返回1
var z = eval(1)//eval()⽅法返回1
例2:
var f = eval(
function(){
console.log("1111");
return 1
}
);
/*
eval()⽅法返回:
function(){console.log("1111");return 1;}⽅法
*/
var s = f();//执⾏⽅法 s=1,打印⽇志"1111"
/**>>>>>>>>>>>>>>>**/
var ff = function(){
console.log("1111");
return 1;
};
var f = eval(ff);//eval()⽅法返回ff⽅法
var s = ff();//执⾏ff⽅法 s=1,打印⽇志"1111"
/
**>>>>>>>>>>>>>>>**/
function ff(){
console.log("1111");
return 1;
};
var f = eval(ff);//eval()⽅法返回ff⽅法
var s = ff();//执⾏ff⽅法 s=1,打印⽇志"1111"
如果参数s是字符串,并且字符串中是表达式,则eval()⽅法会计算字符串中的表达式,返回该表达式计算的结果。
举个栗⼦
eval("'true'");//返回字符串"true"
eval("ture");//返回Boolean类型的true
eval("1");//返回整数1
eval("[0,1,2]");//返回数组[0,1,2]
eval("2+2");//返回整数4
eval("2+'2'");//返回字符串"22"
如果参数s是字符串,并且字符串中的表达式是JSON格式(此时的JOSN格式外⾯要加上⼀对⼩括号将JSON包围起来),则eval()⽅法返回该JSON。
举个栗⼦
var j = "{'aa':11,'bb':22}";
eval("("+j+")");
//返回{"aa":11,"bb":22}
eval("({'aa':11,'bb':22})");
//返回{"aa":11,"bb":22}
eval("({aa:11,bb:22})");
//js中{aa:11,bb:22}这种格式在解析时会转换成{'aa':11,'bb':22}这种格式
eval("{'aa':11,'bb':22}");
//抛出异常
附注
对于eval()⽅法,上⾯所说的的JSON格式也是属于表达式的⼀种。但是如果JSON格式中没有⼩括号包围,则该eval()⽅法就不会返回该对象。
如:eval(“{‘aa’:11,’bb’:22}”)这种格式,就不会返回{‘aa’:11,’bb’:22}。
因为eval()⽅法在处理⽅括号”{}”时,会把它当成是⼀个语句块。那么eval()⽅法只会执⾏该语句,并不会返回该值(结果是抛出异常)。
正确的写法是:在JSON格式外加上⼩括号”()”,使其强制类型转换成JSON格式(表达式),并返回该JSON值。这⼀点和即时函数(function(){})()⼀样,()的作⽤也是将该function强制转换成表达式并返回。
如果参数s是字符串,并且字符串中是语句或语句块,则eval()⽅法会执⾏该语句或语句块,并且返回undefined
举个栗⼦
eval("var x='1';");
//返回undefined
console.log(x);
//打印字符串1
/**>>>>>>>>>>>>>>>**/
eval("var x=1;var y=2;var z=x+y;");
//返回undefined
console.log(z+"");
//打印字符串3
/**>>>>>>>>>>>>>>>**/
s = eval("function t(){alert(3)};t();");
//执⾏定义并调⽤t的⽅法:弹出3.并且返回undefined
console.log(s);
//打印undefined
/**>>>>>>>>>>>>>>>**/
eval("var j={sex:'男',age:27};alert(j.age);");
/*
此处的json对象不⽤⼩括号"()"括起来。因为该处是执⾏语句,⽽⾮计算表达式
*/
附注
eval()⽅法中,如果json格式是存在于语句中的,那么该json格式不需要⽤⼩括号”()”括起来。表达式中的json要括起来的原因是,eval()要计算表达式并且返回结果。⽽eval()对语句只是执⾏,并不会计较返回值(因为返回的都是(undefined)
eval()⽅法的错误处理机制
如果eval()参数中有⾮法的表达式和语句,则抛出 SyntaxError 异常。
如果⾮法调⽤ eval(),则抛出 EvalError 异常。
如果传递给 eval() 的 Javascript 代码⽣成了⼀个异常,eval() 将把该异常传递给调⽤者。
注:eval()⽅法在执⾏js代码时可能会出现异常,所以最好⽤try…catch语句来执⾏eval()⽅法
举个栗⼦
例1:
var y = "var s = '1ss';s.replace('1','s')";
try{
eval(y);//执⾏该⽅法
}catch(exception){
console.warn(exception);
}
例2:
var y = "var s = place('1','s')"; try{
eval(y);//抛出异常
}catch(exception){
console.warn(exception);
//打印:Unexpected token ILLEGAL 例3:
var y = "var s = place('1','s')"; try{
字符串函数应用详解
var zz = eval;
zz(y);//执⾏该⽅法
}catch(exception){
console.warn(exception);
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。