Eval is evil ('Eval是魔鬼') --- eval()函数

Eval is evil ('Eval是魔鬼')

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

　　eval的使用场合是什么呢？有时候我们预先不知道要执行什么语句，只有当条件和参数给时才知道执行什么语句，这时候eval就派上用场了。举个例子：
我们要做一个function()，功能是输入网页中两个个对象的名称，然后程序就将这两个对象的值联接起来输出。

function output(a,b) {
         var tmpa,tmpb;
         tmpa=document.all.a.value;
         tmpb=document.all.b.value;
         document.write(tmpa+tmpb);
}
output('input1','input2');

　　这样你执行的时候就会提示错误“document.all.a不是对象”以及“document.all.b不是对象”。原来javascript把a和b当成对象名称了，怎样能让javascript把a里面的值作为对象名称呢？这时候就要用eval了，把代码改成这样：

function output(a,b) {
      var tmpa,tmpb;
       tmpa=eval("document.all."+a+".value");
       tmpb=eval("document.all."+b+".value");
       document.write(tmpa+tmpb);
}
output('input1','input2'); 

　　这样javascript就会先取出a,b的值，然后和前面的document.all.以及后面的.value组合运行，于是就可以 
顺利取出input1和input2的值.

　　此函数可以接受一个字符串str作为参数，并把此str当做一段javascript代码去执行，如果str执行结果是一个值则返回此值，否则返回undefined。如果参数不是一个字符串，则直接返回该参数，实例如下:

eval("var a=1");//声明一个变量a并赋值1。
eval("2+3");//执行加运算，并返回运算值。
eval("mytest()");//执行mytest()函数。
eval("{b:2}");//声明一个对象。

在以上代码特别注意的是，最后一个语句是声明了一个对象，如果想返回此对象，则需要在对象外面再嵌套一层小括号，如下:

eval("({b:2})"); 

以上内容简单介绍了eval()函数的用法，比较容易理解。此函数最让人感到困惑的是关于它的作用域问题，下面就结合实例来介绍一下相关内容，先看一段代码实例:

function a(){
 eval("var x=1");
 console.log(x);
}
a();
console.log(x);

在上面的代码中，第一个alert()函数能够弹出1，而第二个会因为x未定义而报错。

由以上表现可以得出，eval()函数并不会创建一个新的作用域，并且它的作用域就是它所在的作用域。这在所有主流浏览器都是如此，但是有时候需要将eval()函数的作用域设置为全局，当然可以将eval()在全局作用域中使用，但是往往实际应用中，需要在局部作用域使用具有全局作用域的此函数，这个时候可以用window.eval()的方式实现，例如以上代码可以改造如下:

function a(){
 window.eval("var x=1");
 console.log(x);
}
a();
console.log(x);

在上面的代码中，两个alert()语句都能够正常弹出1。但是此中方式在标准浏览器中是可以的，但是在IE8和IE8以下浏览器中的表现依然和eval()一样，作用域是它们所在的作用域。这个时候可以使用IE浏览器独有的window.execScript()解决IE8和IE8浏览器的问题。为了实现兼容所有主流浏览器，把代码改造如下:

function a(){
 if(window.execScript){
  window.execScript("var x=1");
 }
 else{
  window.eval("var x=1");
 }
 console.log(x);
}
a();
console.log(x);

如果浏览器支持window.execScript()，则使用此函数，不支持则使用window.eval()，这样就可以解决IE8和IE8以下浏览器的问题。

eval()还是少用为妙(⊙ˍ⊙)！！！！！！

function a(){

 if(window.execScript){

  window.execScript("var x=1");

 }

 else{

  window.eval("var x=1");

 }

 console.log(x);

}

a();

console.log(x);