IE 當(dāng)eval遇上function的處理
更新時間：2011年08月09日 20:47:03 作者：
在IE下，當(dāng)eval遇上function，IE下會出現(xiàn)怪異情況，我們用例子一步步說明
情況1：eval里沒有function，直接執(zhí)行：
eval("alert('ss');");//所有瀏覽器正確均輸出
情況2：eval里有function，function立即執(zhí)行：
eval("(function(){alert('ss');})();");//所有瀏覽器正確輸出
情況3：eval里有function，使用變量保存function引用并調(diào)用該function：
var f=eval("(function(){alert('ss');})");
f();//IE下報錯：缺少對象 其他瀏覽器正常
當(dāng)在eval定義一個function并返回給變量時，IE報錯：缺少對象。可見IE下eval里定義的function并不能成功返回到eval外部。
解決方法：使function對象作為一個執(zhí)行結(jié)果返回：
方法1：
var f=eval("(function(){ return function(){alert('ss');}})()");
f();//所有瀏覽器正確輸出
eval里調(diào)用一個立即執(zhí)行的函數(shù)，該函數(shù)執(zhí)行之后返回一個function對象，此時該function對象的引用成功返回到外部變量。
方法2：
var f=eval("(false||function(){alert('ss');})");
f();//所有瀏覽器成功輸出
該方法也是jquery里使用的方法，function作為或表達(dá)式的執(zhí)行結(jié)果返回，同樣能成功解決問題。當(dāng)然，表達(dá)式并不局限于上面的false||function(){}，各種表達(dá)式只要能成功返回function，均可解決問題：
/* 與表達(dá)式：*/
var f=eval("(true&&function(){alert('ss');})");
f();//所有瀏覽器正常輸出
/* 三元表達(dá)式：*/
var f=eval("(true?function(){alert('ss');}:'');");
f();//所有瀏覽器正常輸出
eval("alert('ss');");//所有瀏覽器正確均輸出
情況2：eval里有function，function立即執(zhí)行：
eval("(function(){alert('ss');})();");//所有瀏覽器正確輸出
情況3：eval里有function，使用變量保存function引用并調(diào)用該function：
var f=eval("(function(){alert('ss');})");
f();//IE下報錯：缺少對象 其他瀏覽器正常
當(dāng)在eval定義一個function并返回給變量時，IE報錯：缺少對象。可見IE下eval里定義的function并不能成功返回到eval外部。
解決方法：使function對象作為一個執(zhí)行結(jié)果返回：
方法1：
var f=eval("(function(){ return function(){alert('ss');}})()");
f();//所有瀏覽器正確輸出
eval里調(diào)用一個立即執(zhí)行的函數(shù)，該函數(shù)執(zhí)行之后返回一個function對象，此時該function對象的引用成功返回到外部變量。
方法2：
var f=eval("(false||function(){alert('ss');})");
f();//所有瀏覽器成功輸出
該方法也是jquery里使用的方法，function作為或表達(dá)式的執(zhí)行結(jié)果返回，同樣能成功解決問題。當(dāng)然，表達(dá)式并不局限于上面的false||function(){}，各種表達(dá)式只要能成功返回function，均可解決問題：
/* 與表達(dá)式：*/
var f=eval("(true&&function(){alert('ss');})");
f();//所有瀏覽器正常輸出
/* 三元表達(dá)式：*/
var f=eval("(true?function(){alert('ss');}:'');");
f();//所有瀏覽器正常輸出
相關(guān)文章
JS+CSS實現(xiàn)分類動態(tài)選擇及移動功能效果代碼
這篇文章主要介紹了JS+CSS實現(xiàn)分類動態(tài)選擇及移動功能效果代碼,涉及JavaScript實現(xiàn)頁面元素動態(tài)變換效果實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
json對象與數(shù)組以及轉(zhuǎn)換成js對象的簡單實現(xiàn)方法
下面小編就為大家?guī)硪黄猨son對象與數(shù)組以及轉(zhuǎn)換成js對象的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JS禁用頁面上所有控件的實現(xiàn)方法(附demo源碼下載)
這篇文章主要介紹了JS禁用頁面上所有控件的方法,涉及JavaScript捕捉頁面元素的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2015-12-12
JavaScript獲取頁面中表單（form）數(shù)量的方法
這篇文章主要介紹了JavaScript獲取頁面中表單（form）數(shù)量的方法,涉及javascript操作表單document.forms數(shù)組的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
不得不分享的JavaScript常用方法函數(shù)集（上）
不得不分享的JavaScript常用方法函數(shù)集，幫助大家更好的學(xué)習(xí)javascript程序設(shè)計，有興趣的朋友可以參考一下2015-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)評論功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
javascript中onmouse事件在div中失效問題的解決方法
我們預(yù)期只有當(dāng)鼠標(biāo)從div中移開的時候才會觸發(fā)onmouseout事件，可事實上，當(dāng)我們移到div中的元素時，例如：本例中的a標(biāo)簽時，就會觸發(fā) onmousout事件2012-01-01
頁面中實現(xiàn)setInterval和setTimeout效果示例詳解
這篇文章主要為大家介紹了不使用setTimeout和setInterval在頁面中實現(xiàn)setInterval和setTimeout效果示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
今天在工作中需要將某個鏈接給取消實現(xiàn)只觸發(fā)事件的目的，后來發(fā)現(xiàn)批量取消鏈接等，腳本之家簡單的給整理了下，希望對需要的朋友有所幫助。2011-10-10
JS函數(shù)修改html的元素內(nèi)容,及修改屬性內(nèi)容的方法
下面小編就為大家?guī)硪黄狫S函數(shù)修改html的元素內(nèi)容,及修改屬性內(nèi)容的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10