eval()的使用和兼容性问题

eval()的使用

eval() 函数可将字符串转换为代码执行，并返回一个或多个值

eval调用时，实例为eval( "( javascript代码 )" )

eval()的返回值

eval()的返回值遵循以下规则：

1.如果eval()的参数不是字符串，那么eval()将直接返回参数。

2.如果eval()的参数是字符串，那么eval()将这个字符串解析成代码后进行执行，并返回最后一行代码执行的结果。

3.如果字符串无法解析成合法的代码，eval()将抛出SyntaxError错误。

举例1（eval的参数不是字符串）：

运行结果（谷歌浏览器测试）：

举例2（eval的参数是字符串）：

运行结果（谷歌浏览器测试）：

当然，如果不使用eval()方法，上面的代码可以使用匿名函数写

举例3（字符串无法解析成合法的代码）：

运行结果（谷歌浏览器测试）：此时可以看到 谷歌浏览器控制台报错

eval()的兼容性问题

IE6/7/8不兼容

使用IE8来测试代码：

没有弹出框，控制台报错：

解决方法：

a)var s = "[function(){alert('Test!')}][0]";

b)var s = "0?0:function(){alert('Test!')}";

当然这个解决方法是从国外论坛里面找到(网站：http://stackoverflow.com/questions/6807649/problems-with-ie9-javascript-eval)

大意是：这在JScript解释器里面是一个bug，它不会出现在IE9除非你使用混杂模式或兼容来看。IE8错误将这个函数表达式解释为函数的声明，使得它没有任何的返回值。所以你可以写成其他比较典型的表达式，从从而在JScript解释器中构成一个表达式

那么我们就知道IE6/7/8使用JScrip解释器来解析eval()把参数当初函数声明，没有返回值，所以我么可以把eval()函数里面的字符串代码写成一个表达式，即可以写成：

[function(){alert('Test!')}][0] 或 0?0:function(){alert('Test!')}

改代码：

在IE8里面测试结果：

最后利用ietester工具测试在IE6也同样没有问题。