首页 > 代码库 > 对setTimeout()第一个参数是字串的深入理解以及eval函数的理解

对setTimeout()第一个参数是字串的深入理解以及eval函数的理解

1 <script language="javascript" type="text/javascript"> 2   var a=1;3   setTimeout(‘var a=2;alert(a)‘, 1000);4   alert(a);5   setTimeout(‘alert(a)‘,1000);6 </script>
//1 2 1;

setTimeout的异步我这里就不做过多的解释(异步回调加入事件队列相关知识),主要写一下对一个参数是字串的时候注意的地方

从上面的代码中我们可以看出来,setTimeout的第一个参数为字串的时候,其实它相当于new 了一个Function在Function里面去定义的a变量,相当于:

1  <script language="javascript" type="text/javascript"> 2      var a=1;3      setTimeout(function(){var a=2;alert(a);}, 1000);4      alert(a);5      setTimeout(function(){alert(a);},1000);6 </script>7 //1 2 1;
1 <script language="javascript" type="text/javascript"> 2     var a=1;3     new Function(‘var a=2;alert(a);‘);4     alert(a);5     new Function(‘alert(a);‘);6 </script>7 //1 2 1;

但是对于eval函数来说就不是这样的了

1 <script language="javascript" type="text/javascript"> 2     var a=1;3     eval(‘var a=2;alert(a)‘);4     alert(a);5     setTimeout(‘alert(a)‘,1000);6 </script>  
//2 2 2;

eval函数会把里面的字串直接定义到全局,不会向setTimeout和new Function那样会在一个闭包函数中去定义,所以eval函数不但会出现xss攻击的危险,还会存在全局变量污染的问题,所以我们要尽量减少多eval的使用,当有时候万不得已不需用到的时候,我们用new Function去代替eval也是可行的

对setTimeout()第一个参数是字串的深入理解以及eval函数的理解