javascript中eval函數的作用是什么

本篇文章給大家分享的是有關javascript中eval函數的作用是什么，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

（1）介紹javascript中的eval函數的用法
（2）如何在函數內執行全局代碼

• ?先來說eval的用法，內容比較簡單，熟悉的可以跳過。
  eval函數接收一個參數s，如果s不是字符串，則直接返回s。否則執行s語句。如果s語句執行結果是一個值，則返回此值，否則返回undefined。
  需要特別注意的是對象聲明語法“{}”并不能返回一個值，需要用括號括起來才會返回值，簡單示例如下：

  var s='global';    //定義一個全局變量function demo1(){
     eval('var s="local"');
  }
  demo1();
  alert(s);    //->global

  很好理解，上面的demo1函數等價于：function demo1(){var s='local';}，其中定義了一個局部變量s。
         所以最后的輸出是global并不是什么奇怪的事情，畢竟大家都能很清楚的區分局部變量和全局變量。
         仔細體會一下，可以發現eval函數的特點，它總是在調用它的上下文變量空間（也稱為：包，closure）內執行，無論是變量定義還是函數定義都是如此，所以如下的代碼會產生函數未定義的錯誤：

  var s='function test(){return 1;}';     //一個函數定義語句function demo2(){
     eval(s);
  }
  demo2();
  alert(test());    //->error:test is not defined

  這是因為test函數在局部空間定義，demo2函數內可以訪問到，外面就訪問不到了。

  
          而在實際的Ajax開發中，有時我們需要從服務器動態獲取代碼來執行，以減輕一次載入代碼過多的問題，或者是一些代碼是通過Javascript自身生成的，希望用eval函數來使其執行。
  但這樣的動態獲取代碼的工作一般在函數內完成，比如：

  function loadCode(){
     var code=getCode();
     eval(code);
  }

  可見eval不可能在全局空間內執行，這就給開發帶來了不少問題，也看到過很多人為此郁悶。

  不過現在偶終于找到了解決辦法，嘿嘿，可以同時兼容IE和Firefox，方法如下：

  var X2={}    //my namespace:)X2.Eval=function(code){
  if(!!(window.attachEvent && !window.opera)){
   //ie  execScript(code);
  }else{
   //not ie  window.eval(code);
  }
  }

  現在如果要想在函數內定義全局代碼，就可以通過調用X2.Eval(code)方法，一個例子如下：

  var s='global';
  function demo3(){
  X2.Eval('var s="local"');
  }
  demo3();
  alert(s); //->'local'

  可見，在demo3函數內重新定義了全局變量s="local"。
         需要注意的是X2.Eval并不返回值，如果要進行表達式的求值，還是用系統的eval函數。X2.Eval設計為僅做全局代碼定義用。

  其實看到這里，或許有人感覺問題也太容易解決了點，呵呵，但發現這個辦法倒是需要些運氣和技巧的：
  （1）對于IE瀏覽器，默認已經提供了這樣的函數：execScript，用于在全局空間執行代碼，只是知道的人還不多。
  （2）對于Firefox瀏覽器，直接調用eval函數，則在調用者的空間執行；如果調用       window.eval則在全局空間執行。這個知道的人估計就更少了。畢竟alert(eval==window.eval)返回true！

  
  

以上就是javascript中eval函數的作用是什么，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。