DIV CSS 佈局教程網

今天看代碼，遇到一個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變量