“增強js程序代碼的健壯性”之我見大量示例代碼

2019-11-21 02:05:22

字體：大中小

來源：轉載

供稿：網友

在書寫和使用js程序的過程中，我們經常會遇到各種各樣的錯誤，對于一個依賴于瀏覽器的語言，我們很難完全去控制其在任何時刻都正確無誤的運行。但是我們仍需做出自己努力取增強我們書寫的js程序代碼的健壯性和安全性，盡可能減少錯誤的出現概率。
以下為本人在學習js過程總結的幾點關于增強js程序的健壯性的心得，如果您覺得對你有一點的價值，那我就達到自己的目的了，如果你覺得沒有什么意義，請您也不必扔磚頭，謝謝。
(1)對于必要的參數要判斷是否被正確的傳入。
代碼示例：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(2)根據傳入的參數類型不同做不同處理：
例如當我們要獲取一個html元素對象時，要判斷傳入的是一個id還是一個元素對象。
代碼示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">   <head>    <title> new document </title>    <meta name="generator" content="editplus" />    <meta name="author" content="http://www.survivalescaperooms.com/"/>    <meta name="keywords" content="" />    <meta name="description" content="" />   </head>   <body>   <div   class="iwvjtn8m0"   id="a">area a</div>   <div   class="iwvjtn8m0"   id="b">area b</div>  <script language="JavaScript" type="text/javascript">    </script>   </body>  </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(3)為參數設定默認值。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(4)檢查傳入的參數類型。
例如：
我們要求傳入的某個參數必須為數字。
示例代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

再比如可能我們需要通過參數設定一個寬度或高度值：
示例代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(5)在JS的oo編程中，如果程序要獲取當前實例名，則必須對傳入實例名做判斷。
示例代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(6)在解析xml數據之前首先要檢查傳入xml數據類型（Dom？xml字符串？文件名）及其結構的合法性。
示例代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

(7)善用try...catch語句，很多時候的錯誤我們無法屏蔽，使用try...catch可以很容易的將這些錯誤過濾掉。
比如當我們在使用userData時，很多瀏覽器不支持，使用try...catch可以簡化我們的處理。