标准的JS里,eval和window.eval属于不同的语法!

  最近写的一个脚本里需要在全局下执行代码。这个例子以前见到过,在IE6,7,8下用window.exeScript方法,其他则调用window.eval方法即可。

   

  看似很简单,运行也正确。eval声明的a只有内部可见;window.eval声明的b全局可见。 

<script>
function A()
{
eval(
"var a=1");
window.eval(
"var b=1");
}

A();

alert(
typeof a); //undefined
alert(typeof b); //number
</script>

   

  不过事后回想起来感觉有些诡异。eval和window.eval不就同个函数吗,为什么加上window.意义就不同了呢?如果说eval内部判断了当前this,那么eval和window.eval执行时,this都是指向window。

   

  如果用变量p=window.eval,那么p()和window.eval()还一样吗?

<script>
function A()
{
var p = window.eval;

alert(p
=== window.eval); //true
alert(p === eval); //true

eval(
"var a=1");
p(
"var b=1");
}

A();

alert(
typeof a); //undefined
alert(typeof b); //number
</script>

   

  经测试,p()和window.eval()的效果完全一样,都是在全局执行。并且p === window.eval 和 p === eval 同时成立!这显然很奇怪,不过还有更奇怪的事在后面!如果我们用q=eval,结果完全出人意料:

<script>
function A()
{
var p = window.eval;
var q = eval;

p(
"var a=1");
q(
"var b=1");
}

A();

alert(
typeof a); //number
alert(typeof b); //number
</script>

   

  居然显示的都是number!也就是说指向eval的p,实际效果却是window.eval。他们都是在全局执行代码!

  为了验证是否是引用上的区别,我们再做一次测试: 

<script>
function A()
{
var q = eval;

q(
"var b=1");
eval(
"var a=1");
}

A();

alert(
typeof a); //undefined
alert(typeof b); //number
</script>

   

  明显,eval执行的a被留在了内部,而q=eval的b却是全局的!

  

  于是我推测,标准JavaScript下的eval,也许和this一样,既是关键字,也是一个变量(函数变量)。如果是当关键字调用的话,即字面上的eval(),那么在当前的上下文里执行;否则,即通过变量引用调用的话,就在全局上执行。这样就可以解释 window.eval 和 eval 的区别了:window.eval仅仅是window对象里的一个叫eval的属性,一个指向eval函数的属性。和window.eval2,window.eval3一样,仅仅一个属性,并非字面上的eval。

  

  为了验证这个猜测,我查看了 FireFox 的脚本引擎源码。其中eval真正的执行部分定义在 jsobj.cpp 中的 EvalKernel 里:

bool
EvalKernel(JSContext *cx, uintN argc, Value *vp, EvalType evalType, JSStackFrame *caller,
JSObject *scopeobj)
{
...

/*
* Per ES5, indirect eval runs in the global scope. (eval is specified this
* way so that the compiler can make assumptions about what bindings may or
* may not exist in the current frame if it doesn't see 'eval'.)
*/
uintN staticLevel;
if (evalType == DIRECT_EVAL) {
staticLevel = caller->script()->staticLevel + 1;

} else {
/* Pretend that we're top level. */
staticLevel = 0;

JS_ASSERT(scopeobj == scopeobj->getGlobal());
JS_ASSERT(scopeobj->isGlobal());
}

...
}

  显然,你发现这个函数里有个叫 evalType 的参数,正是这个参数,决定了eval的是否在全局运行。如果是 DIRECT_EVAL,staticLevel 就是当前的上下文;否则 staticLevel=0,就是全局。

  顺藤摸瓜,我们又在jsinterp.cpp里发现以 DIRECT_EVAL 模式调用 EvalKernel:

bool
DirectEval(JSContext *cx, JSFunction *evalfun, uint32 argc, Value *vp)
{
...

JSObject *scopeChain =
GetScopeChainFast(cx, caller, JSOP_EVAL, JSOP_EVAL_LENGTH + JSOP_LINENO_LENGTH);

if (!scopeChain || !EvalKernel(cx, argc, vp, DIRECT_EVAL, caller, scopeChain))
return false;

cx->regs->sp = vp + 1;
return true;
}

  而调用DirectEval的地方,正是定义关键字的区域:

}
END_CASE(JSOP_NEW)

BEGIN_CASE(JSOP_EVAL)
{
argc = GET_ARGC(regs.pc);
vp = regs.sp - (argc + 2);

if (!IsFunctionObject(*vp, &callee))
goto call_using_invoke;

newfun = callee->getFunctionPrivate();
if (!IsBuiltinEvalFunction(newfun))
goto call_using_invoke;

if (!DirectEval(cx, newfun, argc, vp))
goto error;
}
END_CASE(JSOP_EVAL)

BEGIN_CASE(JSOP_CALL)
BEGIN_CASE(JSOP_FUNAPPLY)
BEGIN_CASE(JSOP_FUNCALL)
{

 

  很明显,eval 和 new 他们一样,都当关键字处理了。也就是说,只有在代码里出现“eval(...)”这几个字的时候,才会传入DIRECT_EVAL,即在当前上下文内执行。

  可见,ECMA-262的eval有着关键字的特性!但并非是真正的关键字,因为关键字是不可以作为对象属性名出现的,例如window.this,window.var是错误的语法。但eval可以。

   

  那假如在上下文里声明了一个叫eval的变量,并且指向window.eval。那么又会如何呢?

<script>
function A()
{
var eval = window.eval;

eval("var a=1");
eval("var b=1");
}

A();

alert(typeof a); //undefined
alert(typeof b); //undefined
</script>

 

  为什么是undefined呢?因为此 eval 就是原 eval 嘛~ 都是在内部执行了。(Chrome例外,当作eval的引用对待了,结果是number)

  但也不代表eval不能被覆盖:

<script>
eval
= alert;

function A()
{
eval(
"var a=1");     //var a=1
window.eval("var b=1"); //var b=1
}

A();
</script>

  正常弹出两个对话框。
  可见,在上下文环境中,eval只要保持指向原始的那个函数,没被覆盖,就有着关键字的特征;否则就是一个叫eval的变量了。jsinterp.cpp中BEGIN_CASE(JSOP_EVAL){}里的代码也说明了这点。

p

posted @ 2011-11-08 18:51 EtherDream 阅读(...) 评论(...) 编辑 收藏