JavaScript中eval函数的作用域陷阱与变量可见性解析

eval函数作用域问题现象

在代码审查过程中，发现了一个关于eval函数的典型问题。尽管查阅了大量技术文章，但对于eval的具体行为仍感到困惑，特别是以下这段代码的表现令人费解：

/*
var start = []
 , end = []
 , timings = [];
*/
function f(){
 //模拟程序执行时间
 var sum = 0;
 for(var i =0 ;i < 100000; i++){
  sum = sum/(i+1);
 }
}
function repeat(n, action){
 for(var i=0; i<n ;i++){
  eval(action); // eval函数
 }
}
function benchmark(){
 var start = []
  , end = []
  , timings = [];
 repeat(100, "start.push(new Date().getTime());f();end.push(new Date().getTime())");
 for (var i =0; i< start.length; i++){
  timings[i] = end[i] - start[i];
 }
 return timings;
}
benchmark(); //结果为:[]
//如果我把上面的benchmark中的局部变量移到全局就一切正常.

局部变量与全局变量的影响

如果将上述benchmark函数中的局部变量提升至全局作用域，代码即可正常运行。

此处eval函数为何会表现出这种差异？这是否意味着eval被赋予了某种别名化的特性？

直接调用eval()时，它始终在调用它的上下文作用域内执行。这意味着它可以访问repeat函数中的局部变量，但无法访问benchmark函数中的局部变量。然而，在函数内部是可以访问到全局作用域变量的。因此，当把start等变量定义为全局变量后，就能得到预期的结果。

function repeat(n, action){
 for(var i=0; i<n ;i++){
  start.push(new Date().getTime());f();end.push(new Date().getTime()); // eval函数
 }
}

在repeat函数内部，无法直接访问start和end这两个局部变量。