TShopping

 找回密碼
 註冊
搜索
查看: 3084|回復: 1
打印 上一主題 下一主題

[教學] 例外處理Try{}catch(e){}

[複製鏈接]
跳轉到指定樓層
1#
發表於 2009-10-6 23:54:55 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
 
Push to Facebook
  程序開發中,編程人員經常要面對的是如何編寫代碼來響應錯誤事件的發生,即例外處理(exception handlers)。如果例外處理代碼設計得周全,那麼最終呈現給用戶的就將是一個友好的界面。否則,就會讓訪問者對莫名的現象感到真正的「意外」。
  一、什麼是例外處理

  當JavaScript程序在運行中發生了諸如數組索引越界、類型不匹配或者語法錯誤時,JavaScript解釋器就會引發例外處理。ECMAScript定義了六種類型的錯誤,除此之外,我們可以使用Error對像和throw語句來創建並引發自定義的例外處理信息。

  二、例外處理技術的優點

  通過運用例外處理技術,我們可以實現用結構化的方式來響應錯誤事件的發生,讓例外處理代碼與正常腳本代碼科學分離,最終使我們能夠集中精力編寫完成主要功能的核心程序。

  三、使用 try…catch…finally 執行例外處理

  在JavaScript中,我們使用try…catch…finally語句來執行例外處理,即通過它來捕捉錯誤發生後導致的例外或者執行throw語句產生的例外。它的基本語法如下:

 try {
  // 此處是可能產生例外的語句
  } catch(error) {
  // 此處是負責例外處理的語句
  } finally {
  // 此處是出口語句
  }


  上述代碼中,try塊中的語句首先被執行。如果運行中發生了錯誤,控制就會轉移到位於catch塊中語句,其中括號中的error參數被作為例外變量傳遞。否則,catch塊的語句被跳過不執行。無論是發生錯誤時catch塊中的語句執行完畢,或者沒有發生錯誤try塊中的語句執行完畢,最後將執行finally塊中的語句。

  下面我們來看一個例子:

  <script language="javascript">
  try {
    document.writeln("開始執行try塊語句 ---> ")
    document.writeln("還沒有發生例外 ---> ")
     alert(eval(prompt("輸入一個值:","")))
   } catch(err) {
     document.writeln("捕捉到例外,開始執行catch塊語句 --->");
     document.writeln("錯誤名稱: " + err.name+" ---> ");
     document.writeln("錯誤信息: " + err.message+" ---> ");
  } finally {
     document.writeln("開始執行finally塊語句")
  }
  </script>


  我們輸入abc,然後確定,輸出結果如下:

  「開始執行try塊語句 ---> 還沒有發生例外 ---> 捕捉到例外,開始執行catch塊語句 ---> 錯誤名稱: TypeError ---> 錯誤信息: 'abc' 未定義 ---> 開始執行finally塊語句」

  上述例程以try塊語句開始,當輸出信息「還沒有發生例外」後,彈出輸入對話框,要求用戶輸入一個數值,當我們輸入非法的信息"abc"後,就引發了一個例外,所以剩下的try塊中的語句將被跳過而開始執行catch塊語句。Catch塊開始的err參數作為這個例外的錯誤對象,它具有name和message兩個屬性。最後,執行finally塊的語句。

  我們看到,由於沒有錯誤發生,當try塊的語句執行完畢後,catch塊語句被跳過,出現一個窗口顯示輸入的數值,最後執行了finally塊的語句。


  四、try...catch...finally的變形

  try…catch…finally語句有兩種變形應用,即try…catch或者try…finally。

  try…catch這種結構最常見,它的執行過程是:當沒有例外發生執行完畢try塊語句後或者發生例外執行完catch塊語句後,控制將轉移到整個try…catch結構後面的語句。請看下面的例子:

  try {
    document.writeln("Beginnng the try block")
    document.writeln("No exceptions yet")
  // Create a syntax error
  eval("6 + * 3")
  document.writeln("Finished the try block with no exceptions")
  } catch(err) {
    document.writeln("Exception caught, executing the catch block")
    document.writeln("Error name: " + err.name)
    document.writeln("Error message: " + err.message)
  }
  document.writeln("Executing after the try-catch statement")


  如果是try…finally結構,那麼當發生例外時,由於沒有catch塊語句來捕捉錯誤,所以最終finally塊的語句也不會被執行。因此,這種結構在實際應用中很少見。

  五、例外的表現形式:Error對像

  在JavaScript,例外是作為Error對像出現的。Error對像有兩個屬性:name屬性表示例外的類型,message屬性表示例外的含義。根據這些屬性的取值,我們可以決定處理例外的方式,比如:

  function evalText() {
  try {
    alert(eval(prompt("Enter JavaScript to evaluate:","")))
  } catch(err) {
    if(err.name == "SyntaxError") alert("Invalid expression")
    else alert("Cannot evaluate")
  }
  }


  上面的代碼將對用戶輸入的內容進行表達式求值,然後顯示出來。如果在求值過程中發生了SyntaxErroe類型錯誤,那麼就會顯示給用戶「Invalid expression」的信息;否則,用戶得到信息「Cannot evaluate」。

  Error.name的取值一共有六種,如下:

  EvalError:eval()的使用與定義不一致
  RangeError:數值越界
  ReferenceError:非法或不能識別的引用數值
  SyntaxError:發生語法解析錯誤
  TypeError:操作數類型錯誤
  URIError:URI處理函數使用不當



  六、定制例外信息

  上述的六種Error類型基本上覆蓋了腳本程序運行時所可能發生的錯誤。除了這些類型以外,我們還可以使用Error構造器來自定義例外類型,其語法如下:
  myError = new Error(msg)


  其中msg參數表示所定義的新例外的message屬性值。同時,我們還可以創建新的對象類型以作為Error的子類型:

  function MyError(msg) {
  this.name = "MyError"
  this.message = msg
  }
  MyError.prototype = new Error;


  然後,我們就可以創建自定義錯誤子類的實例:
  myError = new MyError("My error message")


  七、觸發例外

  創建一個Error對像後,就可以使用throw語句來觸發相應的例外。Throw的語法如下:

  throw errObj

  errObj必須是一個Error對像或者Error的子類型。在try塊代碼中觸發一個例外後,控制將直接轉入catch塊。

  下面的代碼中,在try塊中觸發了一個例外,設置例外信息為「oops」,然後控制轉移到catch塊:

  var s
  try {
    s = "one "
    throw new Error("oops")
    s += "two"
  } catch(err) {
    s += err.message
  }
  s += " three"
  alert(s)

  編寫代碼來觸發例外的優點很多,比如有利於自定義錯誤類型,快速轉入catch塊執行,以及下面要介紹的在嵌套例外中將錯誤傳遞到外層。


  八、嵌套例外處理

  JavaScript支持多層次的嵌套例外處理。一般情況下,我們可以在內部例外處理的catch代碼塊中捕捉並處理錯誤,然後再次觸發例外,這樣就可進一步在外部例外處理的catch代碼塊中做更加深入的處理。下面來看看一個嵌套例外處理的例子:
  var inner;
  var outer;
  try {
    document.writeln("Beginning outer try block, no exceptions yet");
  try{
    document.writeln("Beginning inner try block, no exceptions yet");
    // 生成一個引用錯誤
    document.writeln(undefinedVariable)
    document.writeln("Finished inner try block with no exceptions");
  } catch(inner) {
  // 內部例外處理
    document.writeln("Exception caught, beginning inner catch block");
    document.writeln("Error type: " + inner.name);
    document.writeln("Error message: " + inner.message);
    throw inner;
    document.writeln("No exceptions thrown in inner catch block");
  } finally {
    document.writeln("Executing inner finally block");
  }
    document.writeln("Finished outer try block with no exceptions");
  } catch(outer) {
    // 外部例外處理
    document.writeln("Exception caught, beginning outer catch block");
    document.writeln("Error type: " + outer.name);
    document.writeln("Error message: " + outer.message);
  } finally {
    document.writeln("Executing outer finally block");
  }


  執行後的輸出結果如下:
  Beginning outer try block, no exceptions yet
  Beginning inner try block, no exceptions yet
  Exception caught, beginning inner catch block
  Error type: ReferenceError
  Error message: undefinedVariable is not defined
  Executing inner finally block
  Exception caught, beginning outer catch block
  Error type: ReferenceError
  Error message: undefinedVariable is not defined
  Executing outer finally block


  嵌套例外處理的好處在於使我們能夠很好地分階段處理錯誤,內部例外處理可以負責解決由錯誤引發的腳本代碼問題,外部例外處理則用於負責提供給用戶的反饋信息或者對例外信息進行日誌記錄。

  九、結語

  本文詳細討論了JavaScript語言的一個很重要的特徵「例外處理」,Web開發人員應該很好地掌握它並在實際應用中靈活處理,從而使包含腳本代碼的HTML頁面真正地不出例外、善解人意。

 

臉書網友討論
2#
發表於 2013-11-14 00:16:43 | 只看該作者
天啊.  

版主招募中

*滑块验证:
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2024-4-30 05:09 , Processed in 0.079056 second(s), 19 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表