我們都知道javascript的作用域機制，但是with和eval有時會“破壞”我們對于作用域的常規(guī)理解。下面參考網(wǎng)上資源和自己理解總結(jié)一下eval和with的用法。
一、eval
1、eval函數(shù)：把一個字符串當(dāng)作一個js表達(dá)式一樣去執(zhí)行它.
2、語法：eval(strScript)? 注：參數(shù)strScript是必填項
3、使用說明
??????(1)它是有返回值的，如果參數(shù)字符串是一個表達(dá)式，就會返回表達(dá)式的值。如果參數(shù)字符串不是表達(dá)式，沒有值，那么返回“undefined”。
??????(2)參數(shù)字符串作為代碼執(zhí)行時，是和調(diào)用eval函數(shù)的上下文相關(guān)的，即其中出現(xiàn)的變量或函數(shù)調(diào)用必須在調(diào)用eval的上下文環(huán)境中可用。
4、示例：

Code

5、eval和作用域
（1）經(jīng)典代碼分析
a、常見

????var?str?=?"global";

????function?test()?{
????????alert(str);?//undefined
????????var?str?=?"local";
????}

????test();
????alert(str);?//global

分析：如我們預(yù)期的那樣，得到指定值。test函數(shù)內(nèi)的str沒有var和有var聲明，結(jié)果也是不一樣的，讀者可自行驗證。
b、eval替代直接聲明變量的寫法

???var?str?=?"global";

????function?test()?{
????????alert(str);?//??
????????eval("var?str='local';");//會像我們預(yù)期的那樣嗎?
????????//var?str?=?"local";
????????alert(str);?//這里又是什么結(jié)果?
????}

????test();
????alert(str);?//??

分析：對比a中的寫法，我們只是在test函數(shù)里用eval語句替換直接聲明var定義變量那一句最后alert一下而已，結(jié)果出入很大。
（2）eval定義全局代碼
a、兼容ie和ff的通用定義全局代碼的eval函數(shù)

????var?nav?=?new?Object();
????//通用eval函數(shù)
????nav.Eval?=?function(jsCode)?{
????????if?(document.all)?//IE下是execScript
????????????execScript(jsCode);
????????else?window.eval(jsCode);?//FF下是window.eval
????}

對于IE瀏覽器，函數(shù)execScript用于在全局空間執(zhí)行代碼。
對于Firefox瀏覽器，直接調(diào)用eval函數(shù)，則在調(diào)用者的空間執(zhí)行；如果調(diào)用window.eval則在全局空間執(zhí)行；但是alert(eval==window.eval)的返回值是true，奇怪的ff.
b、調(diào)用a的測試代碼

????var?nav?=?new?Object();
????//通用eval函數(shù)
????nav.Eval?=?function(jsCode)?{
????????if?(document.all)?//IE下是execScript
????????????execScript(jsCode);
????????else?window.eval(jsCode);?//FF下是window.eval
????}

????function?test()?{
????????nav.Eval("var?str?=?'global';");??//這里聲明變量str,在外面的函數(shù)中可以調(diào)用變量
????????nav.Eval("var?tmpFunc?=?function(){alert('global?function');};");??//這里聲明函數(shù)變量tmpFunc,在外面的函數(shù)中可以調(diào)用函數(shù)
????????alert(str);?//global
????????tmpFunc();?//global?function
????}

????test();
????alert(str);?//global?(調(diào)用nav.Eval函數(shù)聲明的全局變量)
????tmpFunc();?//?global?function?(調(diào)用nav.Eval函數(shù)聲明的全局函數(shù))

分析：通過b中的代碼，你可能已經(jīng)發(fā)現(xiàn)了eval定義全局代碼的一個顯而易見的不方便的地方，就是對于全局代碼，js智能提示（這里是vs，可能其他工具也會）完全失去提示作用。由此你肯定會問，程序中通過eval這種方式定義了很多全局代碼，它的可維護性會不會太那個了？我的看法就是贊成網(wǎng)上的總結(jié)，少用eval。畢竟現(xiàn)成的工具都不能很好的提示了，而程序員的視力往往又不是那么好。
二、with
1、with語句:為一個或一組語句指定默認(rèn)對象，通常用來縮短特定情形下必須寫的代碼量。
2、語法：with (<對象>) <語句>
with (object)?
?? statements?
（1）參數(shù)object： 新的默認(rèn)對象；
（2）statements?： 一個或多個語句，object 是該語句的默認(rèn)對象。?
3、示例：

??function?withTest()?{
???with?(document)?{?//document的重復(fù)使用
????writeln("Hello,");
????writeln("it's?a?with?keyword?test!");
???}
???
???with?(Math)?{?//Math的重復(fù)使用
????alert(random());
????alert(abs(-10));
???}
??}
??withTest();

4、with會暫時修改作用域鏈

??function?withTest()?{
???var?userName?=?"jeff?wong";

???//暫時修改作用域鏈
???with?(document)?{
????writeln("Hello,");
????writeln(userName);
???}//with內(nèi)的語句執(zhí)行完之后，作用域鏈恢復(fù)原狀
????
????alert(userName);
??}
??withTest();

分析：?函數(shù)withTest在定義的時候，就確定了withTest的作用域鏈，我們暫且認(rèn)為這條作用域鏈的最頂端是window對象，當(dāng)withTest被執(zhí)行的時候，js引擎生成了一個call object（調(diào)用對象）并將其添加到作用域鏈尾部上（window對象之后），語句運行到with(document)時，將生成新的作用域（實質(zhì)上這個作用域和普通function的作用域一樣，只不過它在with子句執(zhí)行完，該作用域也隨之消失）并添加到作用域鏈的尾部，所以with之內(nèi)的變量查找，就會優(yōu)先從這條鏈的with(document)作用域上查找，然后從withTest的call object中查找，最后查找window。with內(nèi)的語句執(zhí)行完之后，作用域鏈恢復(fù)原狀（with(document)生成的作用域被移出作用域鏈）。
ps：with是不被推薦的，因為需要操作作用域鏈（移進(jìn)、移出作用域），執(zhí)行效率低下。

?

本文轉(zhuǎn)自JeffWong博客園博客，原文鏈接：http://www.cnblogs.com/jeffwongishandsome/archive/2009/07/14/1509780.html，如需轉(zhuǎn)載請自行聯(lián)系原作者

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的javascript的eval和with使用小结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。