前提:本文讨论在chrome浏览器下的情况,由于早期IE浏览器的实现有所不同,导致与本文所提内容存在差异。其它浏览器也未做测试。

在某些需求环境中,我们需要劫持eval函数,输出所eval的内容。对于常规的场景来说,这一点是非常容易实现的。

var eval=(function(e){ 
    return function(data){ 
    console.log(data); 
    e(data); 
    } 
})(eval); 

eval("alert(1)");  //我们可以在控制台看到输出 alert(1)

但是在某些特定情况下,上述的代码,就会出现问题,最为典型的,就是eval发生在函数局部,且eval的内容中,含有局部变量时。

我们对比以下代码。

未劫持情况下,弹出 "local"

var a="global"; 
function myfunc(){ 
  var a="local"; 
  eval("alert(a)"); 
} 
myfunc();

加入劫持代码后,弹出"global"

var eval=(function(e){ 
    return function(data){ 
    console.log(data); 
    e(data); 
    } 
})(eval); 

var a="global"; 
function myfunc(){ 
  var a="local"; 
  eval("alert(a)"); 
} 
myfunc();

也就是说,我们的劫持,改变了原本代码应有的逻辑,这样显然是不完美的。

查阅了相关资料,eval 有 “直接调用”与“间接调用”的区别。 只有直接调用的eval才能够区分所eval内容里的变量是“全局”或“局部”,而间接调用,则都是当作全局变量来对待。

而目前并没有一个很有效的办法,在劫持eval函数的同时,保证这个eval是一个“直接调用”。因为哪怕是下面的代码操作,都会导致eval变为一个“间接调用”。

window.eval("xxxx"); //间接调用 

var eval2=eval; 
eval2("xxxx");  //间接调用 

eval.call(this, '...')  //间接调用 

(1, eval)('...') //间接调用

有些方法则属于是直接调用:

eval('...')
(eval)('...')
(((eval)))('...')
(function() { return eval('...') })()
eval('eval("...")')
(function(eval) { return eval('...'); })(eval)
with({ eval: eval }) eval('...')
with(window) eval('...')

但是属于直接调用的任何形式,都无法满足我们劫持eval内容的需求。

各位看官,有何高见。 来讨论讨论。

其它要求: 劫持函数需定义于函数体外部。 定义在内部没意义。

[参与讨论]