javascript eval(func())使用範例_javascript技巧
- WBOY原創
- 2016-05-16 17:10:26974瀏覽
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程式碼的瀏覽器相容性是有問題的。
那麼就引申出這樣一個問題，我們如何能把這兩個函數的「優點」給匯總到一起呢，也就是說，全局 瀏覽器相容性。上網搜了一下>
複製程式碼 程式碼如下: