善用window.onerror充當全局try-catch處理異常

3分實現(xiàn)功能7分異常烘豹。我們每天都在用標準庫、用別人的庫也自己寫庫給別人用熬尺,異常處理做的好就是好庫夺欲。javascript開發(fā)時try-catch是很好的捕獲異常并處理異常的方式,把那些類型轉換失敗描函、數(shù)組溢出等可能出現(xiàn)的異常導致的卡死崩潰用另一種方式處理掉崎苗。為可能出現(xiàn)異常的代碼塊用try-catch包起來這當然是個好習慣,可是畢竟異常說來就來赘阀、想來就來益缠,18種花樣給你驚喜,總有漏網(wǎng)之魚你就沒打上try-catch就出事了基公。所以你需要找個能幫你“兜底”的人幅慌,就是window對象的error事件。
可以如圖中這么寫:

/**
*@param message 錯誤的描述
*@param url 錯誤所在的文件url
*@param line 錯誤所在的行
*/
window.onerror = function (message,url,line) {
  alert(message);//這里寫上自己的處理邏輯
  return false;
}

window的error會在任何沒有用try-catch處理的異常發(fā)生時觸發(fā)轰豆。這個事件可以充當整個文檔的try-catch胰伍,是避免由瀏覽器報錯的最后一道防線,這么做就有人幫你“兜底”了酸休,就是個閉環(huán)了骂租,你才能自信地說"放心,所有異常我都有處理"斑司。
ps:image對象也有error事件渗饮,比如當src指向的圖片url不對時,就會觸發(fā)error事件宿刮,你可以在事件處理程序里提供一個默認圖片互站,或者提示加載出錯等等。

另外僵缺,說到javascript的異常處理胡桃,自己開發(fā)還要多注意以下2點:
1、用別人的庫時不要太信任它磕潮。用它的函數(shù)時都盡量用try-catch包起來翠胰。
2、同樣自脯,自己寫庫的時候要注意該拋異常就拋之景,別不處理。throw new Error(...)會讓你的庫更友好冤今。

/**
 * @desc 數(shù)組元素去重
 * @param {Array} arr1
 * @return {Array} 去重后的數(shù)組
 */
function arrayNoRepeat(arr) {
    if(arr instanceof Array) {        //先檢查入?yún)⑹遣皇菙?shù)組闺兢,不是的話則拋個異常出去
        return [... new Set(arr)]
    }
    else {
        throw new Error("Unable to operat! Its type isn't Array.");
    }
}

上面,如果入?yún)⒉皇菙?shù)組的話別簡單的直接return,雖然程序沒有什么問題屋谭,但是這個時候調用者就懵逼了脚囊,他沒看到結果以為你函數(shù)寫錯了呢。相反你給他拋個數(shù)組類型的異常出去桐磁,告訴他參數(shù)傳錯了悔耘。如果你這么做了可以很大程度上指導他們注意要傳正確的參數(shù),心底會對你的函數(shù)更信任我擂,而且當異常發(fā)生時他們會下意識地認為是他們自己的錯衬以,而是自己不會用。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末校摩,一起剝皮案震驚了整個濱河市看峻,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌衙吩,老刑警劉巖互妓,帶你破解...
    沈念sama閱讀 218,640評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異坤塞,居然都是意外死亡冯勉,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,254評論 3 395
  • 文/潘曉璐 我一進店門摹芙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來灼狰,“玉大人,你說我怎么就攤上這事浮禾〗慌撸” “怎么了?”我有些...
    開封第一講書人閱讀 165,011評論 0 355
  • 文/不壞的土叔 我叫張陵盈电,是天一觀的道長承绸。 經(jīng)常有香客問我,道長挣轨,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,755評論 1 294
  • 正文 為了忘掉前任轩猩,我火速辦了婚禮卷扮,結果婚禮上,老公的妹妹穿的比我還像新娘均践。我一直安慰自己晤锹,他們只是感情好,可當我...
    茶點故事閱讀 67,774評論 6 392
  • 文/花漫 我一把揭開白布彤委。 她就那樣靜靜地躺著鞭铆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上车遂,一...
    開封第一講書人閱讀 51,610評論 1 305
  • 那天封断,我揣著相機與錄音,去河邊找鬼舶担。 笑死坡疼,一個胖子當著我的面吹牛,可吹牛的內容都是我干的衣陶。 我是一名探鬼主播柄瑰,決...
    沈念sama閱讀 40,352評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼剪况!你這毒婦竟也來了教沾?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,257評論 0 276
  • 序言:老撾萬榮一對情侶失蹤译断,失蹤者是張志新(化名)和其女友劉穎授翻,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體镐作,經(jīng)...
    沈念sama閱讀 45,717評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡藏姐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,894評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了该贾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片羔杨。...
    茶點故事閱讀 40,021評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖杨蛋,靈堂內的尸體忽然破棺而出兜材,到底是詐尸還是另有隱情,我是刑警寧澤逞力,帶...
    沈念sama閱讀 35,735評論 5 346
  • 正文 年R本政府宣布曙寡,位于F島的核電站,受9級特大地震影響寇荧,放射性物質發(fā)生泄漏举庶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,354評論 3 330
  • 文/蒙蒙 一揩抡、第九天 我趴在偏房一處隱蔽的房頂上張望户侥。 院中可真熱鬧,春花似錦峦嗤、人聲如沸蕊唐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,936評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽替梨。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間副瀑,已是汗流浹背弓熏。 一陣腳步聲響...
    開封第一講書人閱讀 33,054評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留俗扇,地道東北人硝烂。 一個月前我還...
    沈念sama閱讀 48,224評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像铜幽,于是被迫代替她去往敵國和親滞谢。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,974評論 2 355

推薦閱讀更多精彩內容