vue怎么使用eval_eval()的使用和兼容性问题

eval()的使用

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

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

eval()的返回值

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

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

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

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

举例1(eval的参数不是字符串)：

运行结果(谷歌浏览器测试)：

举例2(eval的参数是字符串)：

运行结果(谷歌浏览器测试)：

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

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

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

eval()的兼容性问题

IE6/7/8不兼容

使用IE8来测试代码：

var str = "function(){alert('Test eval')}";

var fn = eval("(" + str + ")");

fn();

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

解决方法：

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

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

当然这个解决方法是从国外论坛里面找到(网站：http://stackoverflow.com/ques...

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

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

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

改代码：

var str = "0 ? 0 : function(){alert('Test eval')}";

var fn = eval("(" + str + ")");

fn();

在IE8里面测试结果：

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