【JavaScript】eval 函数详解

(1)介绍javascript中的eval函数的用法 

(2)如何在函数内执行全局代码 

►先来说eval的用法,内容比较简单,熟悉的可以跳过。 

eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。 

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

var code1='"a" + 2'; //表达式 
var code2='{a:2}'; //语句 
alert(eval(code1)); //->'a2' 
alert(eval(code2)); //->undefined 
alert(eval('(' + code2 + ')')); //->[object Object]

可以看到,对于对象声明语句来说,仅仅是执行,并不能返回值。为了返回常用的“{}”这样的对象声明语句,必须用括号括住,以将其转换为表达式,才能返回其值。这也是使用JSON来进行Ajax开发的基本原理之一。在例子中可以清楚的看到,第二个alert语句输出的是undefined,而第三个加了括号后输出的是语句表示的对象。 

►现在来说本文的重点,如何在函数内执行全局代码。为了说明这个问题,先看一个例子: 

var s='global'; //定义一个全局变量 
function demo1(){ 
    eval('var s="local"'); 
} 
demo1(); 
alert(s); //->global

很好理解,上面的demo1函数等价于:function demo1(){var s='local';},其中定义了一个局部变量s。 

所以最后的输出是global并不是什么奇怪的事情,毕竟大家都能很清楚的区分局部变量和全局变量。 

仔细体会一下,可以发现eval函数的特点,它总是在调用它的上下文变量空间(也称为:包,closure)内执行,无论是变量定义还是函数定义都是如此,所以如下的代码会产生函数未定义的错误: 

var s='function test(){return 1;}'; //一个函数定义语句 
function demo2(){ 
    eval(s); 
} 
demo2(); 
alert(test()); //->error:test is not defined

这是因为test函数在局部空间定义,demo2函数内可以访问到,外面就访问不到了。 

下面是w3cschool给出的语法解释

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

语法

eval(string)
参数 描述
string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。

返回值

  • 如果没有参数,返回undefined

  • 如果有返回值将返回此值,否则返回undefined

  • 如果为表达式,返回表达式的值

  • 如果为语句返回语句的值

  • 如果为多条语句或表达式返回最后一条语句的值

说明

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

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

抛出

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

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

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

提示和注释

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

实例

例子 1

在本例中,我们将在几个字符串上运用 eval(),并看看返回的结果:

<script type="text/javascript">
    eval("x=10;y=20;document.write(x*y)")
    document.write(eval("2+2"))
    var x=10
    document.write(eval(x+17))
</script>

输出:

200
4
27

例子 2

看一下在其他情况中,eval() 返回的结果:

eval("2+3")	// 返回 5
var myeval = eval;	// 可能会抛出 EvalError 异常
myeval("2+3");	// 可能会抛出 EvalError 异常

可以使用下面这段代码来检测 eval() 的参数是否合法:

try{
    alert("Result:" + eval(prompt("Enter an expression:","")));
}catch(exception) {
    alert(exception);
}


赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏