Javascript中eval與with如何使用

這篇文章將為大家詳細(xì)講解有關(guān)Javascript中eval與with如何使用，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

javascript的作用域是詞法作用域（lexical scope or static scope），也就是說(shuō)作用域鏈在定義的時(shí)候就確定了。也提到eval、with會(huì)擾亂作用域鏈（dynamic scope）。

eval

IE下：運(yùn)行eval()會(huì)受當(dāng)前作用域限制，運(yùn)行execScript()則無(wú)視當(dāng)前作用域，直接在全局作用域下執(zhí)行。

Firefox下：eval()和window.eval()效果不一樣，這很奇怪，畢竟FF下，eval==window.eval。前者會(huì)受當(dāng)前作用域限制，后者無(wú)視當(dāng)前作用域，在全局作用域下執(zhí)行（相當(dāng)于IE的execScript()）。

有人寫了一篇比較通俗的，參考這篇文章

with

with會(huì)暫時(shí)修改作用域鏈。

<script>
function a(){
with (b) { 
...
}
}a();
</script>

函數(shù)a在定義的時(shí)候，就確定了a的作用域鏈，我們姑且認(rèn)為這條鏈的最頂端是全局對(duì)象window。

當(dāng)函數(shù)a被執(zhí)行的時(shí)候，javascript引擎生成了一個(gè)call object并將其添加到作用域鏈尾部上（window對(duì)象之后），語(yǔ)句運(yùn)行到with(b)時(shí)，將b添加到作用域鏈的尾部，所以with之內(nèi)的變量查找，就會(huì)優(yōu)先從這條鏈的b上查找---> 然后從a的call object中查找---> ***查找window。with內(nèi)的語(yǔ)句執(zhí)行完之后，作用域鏈恢復(fù)原狀（b被移出作用域鏈）。

以上就是例子代碼運(yùn)行時(shí)的微觀世界。

with是不被推薦的，因?yàn)樗僮髯饔糜蜴湥ㄒ七M(jìn)、移出，多累），執(zhí)行效率低下。

有些人可能認(rèn)為with能節(jié)省代碼量，比如

with(document.forms[0]){
name.value='';
address.value='';
email.value='';
}

就能少寫不少document.forms[0]，
其實(shí)定義一個(gè)局部變量取代with中的b也可以達(dá)到同樣目的，效率也無(wú)損失。

var c=document.forms[0];
c.name.value='';
c.address.value='';
c.email.value='';

關(guān)于Javascript中eval與with如何使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。