javascript中eval()函数使用方法

作者：袖梨 2022-11-14

前几天说到js中尽量不要使用eval，但是eval到底是什么那？今天我们就说说eval的那点事。

首先看一下本定义：

定义和用法

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

语法

eval(string)

参数

描述

string 必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值

通过计算 string 得到的值（如果有的话）。

说明

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

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

抛出

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

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

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

提示和注释

提示：虽然 eval() 的功能非常强大，但在实际使用中用到它的情况并不多。

实例代码：

eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。
需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下：

代码如下 复制代码
var code1='"a" + 2'; //表达式

varcode2='{a:2}'; //语句

alert(eval(code1)); //->'a2'

alert(eval(code2)); //->undefined

alert(eval('(' + code2 + ')')); //->[object Object]

eval函数的特点，它总是在调用它的上下文变量空间（也称为：包，closure）内执行，无论是变量定义还是函数定义都是如此


eval作用域

先看这段代码：

代码如下 复制代码
var x = 1;
(function () {
eval('var x = 123;');
})();
console.log(x);

这个代码得到的是 1 而不是 123
如果想让 eval 执行的代码是全局的，那么有几种方法。

代码如下 复制代码
var x = 1;
(function () {
window.eval('var x = 123;');
})();
console.log(x);

这个方法标准浏览器都可以得到 123 而IE6-8则依然是 1

相同的例如

代码如下 复制代码

var arr = [0,0,0,0,0,0];
(function () {
var arr = [1,1,1,1,1,1];
var _eval = eval;
window.eval('arr[0] = 123;');
eval.call(null, 'arr[1] = 123;');
_eval('arr[2] = 123;');
(0,eval)('arr[3] = 123;');
})();
console.log(arr);

0,1 貌似不支持IE8- 2,3 貌似不支持 IE7-
反正归根结底就是兼容性有问题。

不过还在IE下有个 execScript 非常好使。

代码如下 复制代码

var x = 1;
(function () {
(!-[1,] ? execScript : eval)('var x = 123;');
})();
console.log(x);

eval不可能在全局空间内执行，这就给开发带来了不少问题，也看到过很多人为此郁闷。
不过现在偶终于找到了解决办法，嘿嘿，可以同时兼容IE和Firefox，方法如下：

代码如下 复制代码
var X2={} //my namespace:)

X2.Eval=function(code){

if(!!(window.attachEvent && !window.opera)){

//ie

execScript(code);

}else{

//not ie

window.eval(code);

}

}

现在如果要想在函数内定义全局代码，就可以通过调用X2.eval_r(code)方法。

代码如下 复制代码

var s='global';

function demo3(){

X2.Eval('var s="local"');

}

demo3();

alert(s); //->'local'


eval解析json

代码如下:

代码如下 复制代码
var data="
{
root:
[
{name:'1',value:'0'},
{name:'6101',value:'北京市'},
{name:'6102',value:'天津市'},
{name:'6103',value:'上海市'},
{name:'6104',value:'重庆市'},
{name:'6105',value:'渭南市'},
{name:'6106',value:'延安市'},
{name:'6107',value:'汉中市'},
{name:'6108',value:'榆林市'},
{name:'6109',value:'安康市'},
{name:'6110',value:'商洛市'}
]
}";



这里以jquery异步获取的数据类型————json对象和字符串为依据，分别介绍两种方式获取到的结果处理方式。

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

var dataObj=eval("("+data+")");//转换为json对象

为什么要 eval这里要添加 “("("+data+")");//”呢？

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

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

代码如下:

代码如下 复制代码
alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]



对于这种写法，在JS中，可以到处看到。

如: (function()) {}(); 做闭包操作时等。

代码如下:

代码如下 复制代码
alert(dataObj.root.length);//输出root的子对象数量
$.each(dataObj.root,fucntion(idx,item){
if(idx==0){
return true;
}
//输出每个root子对象的名称和值
alert("name:"+item.name+",value:"+item.value);
})



注：对于一般的js生成json对象，只需要将$.each()方法替换为for语句即可，其他不变。

2.对于服务器返回的JSON字符串，如果jquery异步请求将 type（一般为这个配置属性）设为“json”，或者利 用$.getJSON()方法获得服务器返回，那么就不需要eval（）方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可，这 里以$.getJSON方法为例说明数据处理方法：

代码如下:

代码如下 复制代码
$.getJSON("http://www.111com.net/",{param:"gaoyusi"},function(data){
//此处返回的data已经是json对象
//以下其他操作同第一种情况
$.each(data.root,function(idx,item){
if(idx==0){
return true;//同countinue，返回false同break
}
alert("name:"+item.name+",value:"+item.value);
});
});


这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串（可能是js脚本）的，这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库，比如JSON in JavaScript就提供了一个不超过3k的脚本库。

*eval执行的常见错误

---源码

代码如下 复制代码

console.log("Eval Usage");
var str1_err = "function () {console.log('run fun1')};";
try{
eval(str1_err);
}catch(e){
console.log(" Error! eval(str1_err)");
console.log(e.toString());
}
var str1 = "function fun1() {console.log('run fun1')}; fun1();";
eval(str1);

var str2_err = "{name: 'dzh'}";
var result;
try{
result = eval(str2_err);
console.log(result.toString());
console.log("name: " + result.name);
}catch(e){
console.log(" Error! eval(str2_err)");
console.log(e.toString());
}
str2 = "({name: 'dzh'})";
result = eval(str2);
console.log(result.toString());
console.log("name: " + result.name);

---结果

Eval Usage
Error! eval(str1_err)
SyntaxError: Unexpected token (
run fun1
dzh
name: undefined
[object Object]
name: dzh

---分析原因

1)str1_err说明了定义匿名函数导致的报错; 遇到空的'()', 会报错;

2)str2_err说明了对于'{}',引擎解析时会把括号理解为代码块, 而程序原意是一个对象直接量; 所以常用的方式是在'{}'外围加小括号, 那么eval就先执行求值运算, 它就返回对象.

综述, 使用eval时, 要考虑引擎是如何理解传入的字符串代码.

相关文章

精彩推荐