简单说 eval 函数

最新推荐文章于 2023-03-21 16:56:44 发布

原创最新推荐文章于 2023-03-21 16:56:44 发布 · 929 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #javascript #eval #字符串 #json

JavaScript 同时被 2 个专栏收录

55 篇文章

订阅专栏

前端简单说

45 篇文章

订阅专栏

说明

我觉得eval( )函数是一个比较有趣的函数，虽然我平常基本用不到它。但我们还是来说说吧！

eval( ) 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
就是说，有一段字符串，把它放在eval（）中就可以当 JavaScript代码执行了。

解释

var a=1;
var b=2;
eval(a+b); //返回 3

很简单吧，我们继续说，eval( )经常会用到的地方就是解析json 字符串了，比如这样

var jsonStr='{j:1, s:2, o:3, n:4}';
console.log(jsonStr.j);   //undefined
var jsonObj=eval("("+jsonStr+")");//转换为json对象
console.log(jsonObj.j);   //1

这段代码应该是足够清楚了，jsonStr变量原来是字符串，所以没法用 . 和 [ ] 来获取属性，但是我们用了eval( )之后，它变为对象了，所以我们用 . 和 [ ] 来获取属性就能获取到了。
嗯，但是这不是重点，重点是eval("("+jsonStr+")"); 中为什么要拼接一个（），看代码

var jsonEx=" 'j'+1 ";
var jsonSt='{j:1, s:2, o:3, n:4}';
console.log( eval(jsonEx) );  //返回j1
console.log( eval(jsonSt) );  //报错
console.log( eval("("+jsonSt+")") );   //返回 Object

没有加（）会报错，为什么呢？
这是因为json是{ }的方式开始和结束的，它会被当成一个语句块来处理，{ }里面的东西都被执行了，所以为了获得一个对象，必须强制性的将它转换成一种表达式。
加上圆括号的目的也就是让eval( )函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。

我们再来看一段奇怪的代码

var obj={
    //number 属性的值是随机的，只是知道它的范围是 1<= number <=3
    number:Math.floor(Math.random()*3+1)
}

//3段执行不同代码的函数
function fn_1(){
    console.log(1);
};
function fn_2(){
    console.log(5);
};
function fn_3(){
    console.log(15);
};

num=obj.number;
eval('fn_'+num)();