[转发]当Eval遇上function

在IE下,当eval遇上function,IE下会出现怪异情况,我们用例子一步步说明:

情况1:eval里没有function,直接执行:

eval("alert('ss');");//所有浏览器正确均输出

情况2:eval里有function,function立即执行:

eval("(function(){alert('ss');})();");//所有浏览器正确输出

情况3:eval里有function,使用变量保存function引用并调用该function:

var f=eval("(function(){alert('ss');})");
f();
//IE下报错:缺少对象 其他浏览器正常

当在eval定义一个function并返回给变量时,IE报错:缺少对象。可见IE下eval里定义的function并不能成功返回到eval外部。

解决方法:使function对象作为一个执行结果返回:

方法1:

var f=eval("(function(){ return function(){alert('ss');}})()");
f();
//所有浏览器正确输出

eval里调用一个立即执行的函数,该函数执行之后返回一个function对象,此时该function对象的引用成功返回到外部变量。

方法2:

var f=eval("(false||function(){alert('ss');})");
f();
//所有浏览器成功输出

该方法也是jquery里使用的方法,function作为或表达式的执行结果返回,同样能成功解决问题。当然,表达式并不局限于上面的false||function(){},各种表达式只要能成功返回function,均可解决问题:

/* 与表达式:*/
var f=eval("(true&&function(){alert('ss');})");
f();
//所有浏览器正常输出

/* 三元表达式:*/
var f=eval("(true?function(){alert('ss');}:'');");
f();
//所有浏览器正常输出

the end..

JavaScript eval() 函数

定义和用法
eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。
语法
eval(string)
参数     描述
string     必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。
返回值
通过计算 string 得到的值(如果有的话)。
说明
该方法只接受原始字符串作为参数,如果 string 参数不是原始字符串,那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。
如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性,并通过该属性调用它,则 ECMAScript 实现允许抛出一个 EvalError 异常。
抛出
如果参数中没有合法的表达式和语句,则抛出 SyntaxError 异常。
如果非法调用 eval(),则抛出 EvalError 异常。
如果传递给 eval() 的 Javascript 代码生成了一个异常,eval() 将把该异常传递给调用者。
提示和注释
提示:虽然 eval() 的功能非常强大,但在实际使用中用到它的情况并不多。

 function showsubmenu(sid) {
            whichEl 
= eval("submenu" + sid);
            
if (whichEl.style.display == "none") {
                eval(
"submenu" + sid + ".style.display=\"\";");
            }
            
else {
                eval(
"submenu" + sid + ".style.display=\"none\";");
            }
        }

 

 

posted @ 2011-08-08 10:16  海皮球  阅读(417)  评论(1编辑  收藏  举报