“增強js程序代碼的健壯性”之我見大量示例代碼
更新時間：2007年05月13日 00:00:00 作者：
在書寫和使用js程序的過程中，我們經(jīng)常會遇到各種各樣的錯誤，對于一個依賴于瀏覽器的語言，我們很難完全去控制其在任何時刻都正確無誤的運行。但是我們?nèi)孕枳龀鲎约号θ≡鰪娢覀儠鴮懙膉s程序代碼的健壯性和安全性，盡可能減少錯誤的出現(xiàn)概率。
以下為本人在學(xué)習(xí)js過程總結(jié)的幾點關(guān)于增強js程序的健壯性的心得，如果您覺得對你有一點的價值，那我就達(dá)到自己的目的了，如果你覺得沒有什么意義，請您也不必扔磚頭，謝謝。
(1)對于必要的參數(shù)要判斷是否被正確的傳入。
代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(2)根據(jù)傳入的參數(shù)類型不同做不同處理：
例如當(dāng)我們要獲取一個html元素對象時，要判斷傳入的是一個id還是一個元素對象。
代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(3)為參數(shù)設(shè)定默認(rèn)值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(4)檢查傳入的參數(shù)類型。
例如：
我們要求傳入的某個參數(shù)必須為數(shù)字。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
再比如可能我們需要通過參數(shù)設(shè)定一個寬度或高度值：
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(5)在JS的oo編程中，如果程序要獲取當(dāng)前實例名，則必須對傳入實例名做判斷。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(6)在解析xml數(shù)據(jù)之前首先要檢查傳入xml數(shù)據(jù)類型（Dom？xml字符串？文件名）及其結(jié)構(gòu)的合法性。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(7)善用try...catch語句，很多時候的錯誤我們無法屏蔽，使用try...catch可以很容易的將這些錯誤過濾掉。
比如當(dāng)我們在使用userData時，很多瀏覽器不支持，使用try...catch可以簡化我們的處理。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
歡迎大家多評論，提出更好更多的建議。
arg==undefined 改成 arg === undefined 可能會好些
var arg1=arg1||"default arg1";
這樣寫略有點問題
arg1是null 0 "" false都不行
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
三個等號表示類型也相等。JS在比較時不會自動轉(zhuǎn)換類型。
以下為本人在學(xué)習(xí)js過程總結(jié)的幾點關(guān)于增強js程序的健壯性的心得，如果您覺得對你有一點的價值，那我就達(dá)到自己的目的了，如果你覺得沒有什么意義，請您也不必扔磚頭，謝謝。
(1)對于必要的參數(shù)要判斷是否被正確的傳入。
代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(2)根據(jù)傳入的參數(shù)類型不同做不同處理：
例如當(dāng)我們要獲取一個html元素對象時，要判斷傳入的是一個id還是一個元素對象。
代碼示例：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(3)為參數(shù)設(shè)定默認(rèn)值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(4)檢查傳入的參數(shù)類型。
例如：
我們要求傳入的某個參數(shù)必須為數(shù)字。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
再比如可能我們需要通過參數(shù)設(shè)定一個寬度或高度值：
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(5)在JS的oo編程中，如果程序要獲取當(dāng)前實例名，則必須對傳入實例名做判斷。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(6)在解析xml數(shù)據(jù)之前首先要檢查傳入xml數(shù)據(jù)類型（Dom？xml字符串？文件名）及其結(jié)構(gòu)的合法性。
示例代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
(7)善用try...catch語句，很多時候的錯誤我們無法屏蔽，使用try...catch可以很容易的將這些錯誤過濾掉。
比如當(dāng)我們在使用userData時，很多瀏覽器不支持，使用try...catch可以簡化我們的處理。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
歡迎大家多評論，提出更好更多的建議。
arg==undefined 改成 arg === undefined 可能會好些
var arg1=arg1||"default arg1";
這樣寫略有點問題
arg1是null 0 "" false都不行
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
三個等號表示類型也相等。JS在比較時不會自動轉(zhuǎn)換類型。
相關(guān)文章
下面小編就為大家?guī)硪黄猨s 判斷各種數(shù)據(jù)類型的簡單方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
下面小編就為大家?guī)硪黄猨s防阻塞加載的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的問題
這篇文章主要介紹了自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的方法,涉及trim函數(shù)的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JS字符串與二進制的相互轉(zhuǎn)化 ,在文中給大家提到了Js之字符串和字節(jié)碼之間的相互轉(zhuǎn)換，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
使用JavaScript實現(xiàn)alert的實例代碼
本文通過實例代碼給大家介紹了js實現(xiàn)alert的方法，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了JS實現(xiàn)的簡單tab切換功能,結(jié)合完整實例形式分析了javascript基于事件響應(yīng)實現(xiàn)頁面元素屬性動態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了js如何清空form表單中的內(nèi)容，下面有個不錯的示例，大家可以參考下2014-05-05
Echarts如何自定義label標(biāo)簽的樣式(formatter,rich,添加圖標(biāo)等操作)
通常情況下,echarts中對于圖像的設(shè)置是統(tǒng)一的,下面這篇文章主要給大家介紹了關(guān)于Echarts如何自定義label標(biāo)簽的樣式的相關(guān)資料,包括formatter,rich,添加圖標(biāo)等操作,需要的朋友可以參考下2023-02-02
JavaScript處理XML DOM、XPath和XSLT方法詳解
這篇文章介紹了JavaScript處理XML DOM、XPath和XSLT的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
跨標(biāo)簽頁通信是指在瀏覽器中的不同標(biāo)簽頁之間進行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家整理了幾個常見的跨標(biāo)簽頁通信方式,感興趣的小伙伴可以了解下2023-10-10