淺談Javascript中的eval與with
javascript的作用域是詞法作用域(lexical scope or static scope),也就是說作用域鏈在定義的時(shí)候就確定了。也提到eval、with會擾亂作用域鏈(dynamic scope)。
eval
IE下:運(yùn)行eval()會受當(dāng)前作用域限制,運(yùn)行execScript()則無視當(dāng)前作用域,直接在全局作用域下執(zhí)行。
Firefox下:eval()和window.eval()效果不一樣,這很奇怪,畢竟FF下,eval==window.eval。前者會受當(dāng)前作用域限制,后者無視當(dāng)前作用域,在全局作用域下執(zhí)行(相當(dāng)于IE的execScript())。
有人寫了一篇比較通俗的,參考這篇文章
with
with會暫時(shí)修改作用域鏈。
<script> |
函數(shù)a在定義的時(shí)候,就確定了a的作用域鏈,我們姑且認(rèn)為這條鏈的最頂端是全局對象window。
當(dāng)函數(shù)a被執(zhí)行的時(shí)候,javascript引擎生成了一個(gè)call object并將其添加到作用域鏈尾部上(window對象之后),語句運(yùn)行到with(b)時(shí),將b添加到作用域鏈的尾部,所以with之內(nèi)的變量查找,就會優(yōu)先從這條鏈的b上查找---> 然后從a的call object中查找---> ***查找window。with內(nèi)的語句執(zhí)行完之后,作用域鏈恢復(fù)原狀(b被移出作用域鏈)。
以上就是例子代碼運(yùn)行時(shí)的微觀世界。
with是不被推薦的,因?yàn)樗僮髯饔糜蜴湥ㄒ七M(jìn)、移出,多累),執(zhí)行效率低下。
有些人可能認(rèn)為with能節(jié)省代碼量,比如
with(document.forms[0]){ |
就能少寫不少document.forms[0],
其實(shí)定義一個(gè)局部變量取代with中的b也可以達(dá)到同樣目的,效率也無損失。
var c=document.forms[0]; |
【編輯推薦】