javascript eval(func())使用範例_javascript技巧

eval的作用其實很簡單，就是把一段字串傳遞給JS解釋器，由Javascript解釋器將這段字串解釋成Javascript程式碼，並且執行他。

舉個最簡單的例子：

複製代碼 代碼如下:

很簡單，把字串解釋成JS程式碼並執行，彈出2。

當然，上面的例子只是個玩具，在實際中沒有人會傻到這麼用。我想大家最基本的使用eval函數都是應該在DOM中，例如我們有div1,div2,div3，那麼在document.getElementByID時我們的ID沒有辦法去得到，那麼最簡單的辦法就是在for循環中，使用eval來拼接這麼一段程式。例如這樣：

複製程式碼 程式碼如下:

最基本的用法說完，相信大家還是對這個函數意猶未盡，如果這個函數只有這麼點用法，那就太無聊了。那我們就一點點來剖下eval()函數。

我們就先從eval的作用域說起，先看這樣一段函數：

複製程式碼 程式碼如下:

程式碼很簡單，結果可以彈出3。接下來再比較這段程式碼：

複製程式碼 程式碼如下:

結果是先彈出3，然後是undefined。

那麼說明：eval()函數動態執行的程式碼並不會建立新的作用域，其程式碼就是在目前的作用域執行的。因此也就是說，eval()函數也完全可以使用目前作用域的this,argument等物件。

在IE中，支援這樣一種和eval()非常類似的函數叫做：execScript()。我們可以來寫段簡單的程式碼。

複製代碼 代碼如下:

結果彈出了2個3，這也就看出了execScript函數的特點，首先他和eval相類似，都能將字串解釋成JS程式碼並且執行，但是他的作用域不是目前作用域，而是全域作用域。當我們把上面的程式碼放到Firefox和Google瀏覽器上去試試看：發現在Firefox上execScript上程式碼是無效的，那麼也說明一個問題，execScript程式碼的瀏覽器相容性是有問題的。

那麼就引申出這樣一個問題，我們如何能把這兩個函數的「優點」給匯總到一起呢，也就是說，全局 瀏覽器相容性。上網搜了一下>

複製程式碼 程式碼如下:

• 深入淺析Bootstrap列表組元件
• JavaScript函數柯里化詳解
• JS密碼產生與強度偵測完整實例(附demo源碼下載)
• Angularjs整合微信UI（weui）
• JavaScript快速切換繁體中文和簡體中文的方法及網站支援簡繁體切換的絕招_javascript技巧