導(dǎo)語?|?騰訊云加社區(qū)精品內(nèi)容欄目《云薦大咖》，特邀行業(yè)佼者，聚焦前沿技術(shù)的落地與理論實踐，持續(xù)為您解讀云時代熱點技術(shù)，探秘行業(yè)發(fā)展新機(jī)。

健壯性(Robustness) 是指程序在遇到規(guī)范以外的輸入，錯誤和異常時，仍能正常運(yùn)行。簡單來說，健壯代碼的適應(yīng)性很強(qiáng)，不會因為一些異常，就導(dǎo)致程序崩潰。

不健壯的前端代碼體現(xiàn)為：

• 接口返回異?；驁箦e時，頁面白屏。

• 用戶做一些非常規(guī)操作時，頁面白屏。

要寫出健壯的前端代碼，就要處理規(guī)范以外的輸入，錯誤和異常。具體來說，有4點：

• 異常處理。

• 輸入檢查。

• 寫法優(yōu)化。

• 第三方庫的選擇。

下面，我們具體來說。

（一）異常處理

不做異常做處理，輕則導(dǎo)致功能出錯，重則導(dǎo)致頁面白屏。異常處理，可以分為如下幾種情況。

• 主動捕獲運(yùn)行時異常

用try-catch捕獲同步代碼的運(yùn)行時錯誤。如果是異步代碼，需要轉(zhuǎn)化成await的寫法。如:

try {  doSth()  await doSth2()} catch (e) {  // 處理異常}

• 處理意料之外的全局運(yùn)行時異常

未被處理的JavaScript運(yùn)行時錯誤（包括語法錯誤）發(fā)生時, window會觸發(fā)error事件。這么處理:

window.addEventListener(  'error',  (e) => {/* 處理異常 */})

當(dāng)一項資源（如或

<b id="afajh"><abbr id="afajh"></abbr></b>