警示后人系列：為什么我沒有catch到回調函數(shù)中拋出的錯誤？

fnngj 發(fā)布于2019-08-22 15:14 / 950人閱讀

摘要：回調函數(shù)的棧幀被放入時，執(zhí)行棧是空的?？偨Y用語句包裹回調函數(shù)的定義，無法捕獲到回調函數(shù)中的錯誤。如果回調函數(shù)運行時沒有外層函數(shù)，你必須在回調函數(shù)內部做錯誤的捕獲和處理。

今天犯了一個js中的錯誤，記錄一下警示后人:)

事情是這樣，koa會幫我們捕獲中間件中拋出的錯誤，從而不讓服務器崩潰，如下圖：

服務器為此次請求返回500，仍然能夠處理后續(xù)的請求。

從這一點出發(fā)，我就認為，我可以在中間件里面隨便throw，這樣koa就能在控制臺幫我打印出所有錯誤的信息，反正也不會對后續(xù)請求造成影響。

但是今天的錯誤是這樣的:

進程居然崩潰了！這樣上線豈不是要出事？

為什么koa這回沒有捕獲到我throw的錯誤呢？

用簡單的代碼模擬一下這個場景：

try {
  setTimeout(() => {
    try {
      throw 500;
    } catch (err) {
      console.log("err1", err);  // called
      throw err;
    }
  }, 0);
} catch (err) {
  console.log("err2", err)  // never called
}

可以看出，內層的try確實捕獲到了錯誤，但是當我們把這個錯誤繼續(xù)拋出，外層的try卻沒有捕獲到這個錯誤。

原因在于，回調函數(shù)被異步調用時，外層try中的代碼其實已經(jīng)執(zhí)行完了，棧幀已經(jīng)從執(zhí)行棧中彈出。回調函數(shù)的棧幀被放入時，執(zhí)行棧是空的。

錯誤被拋出后，沿著執(zhí)行棧，希望找到“外層”函數(shù)的try...catch語句?？墒沁@個回調函數(shù)根本就沒有“外層”函數(shù)了，因此這是一個沒有被捕獲到的錯誤，這會造成進程的崩潰。

總結

用try語句包裹回調函數(shù)的定義，無法捕獲到回調函數(shù)中的錯誤。必須用try語句包裹運行時的外層函數(shù)。如果回調函數(shù)運行時沒有外層函數(shù)，你必須在回調函數(shù)內部做錯誤的捕獲和處理。

如果回調函數(shù)定義在Promise中，你可以直接在回調函數(shù)中調用reject(reason)，讓這個Promise的訂閱者來處理錯誤：

const p = new Promise((resolve, reject) => {
  setTimeout(() => {
    try {
      throw 500;
    } catch (err) {
      console.log("err1", err);  // called
      reject(err);
    }
  }, 0);
});

p.catch(err => {
  console.log("err3", err);  // called
});

如果回調函數(shù)由async function的await關鍵字來執(zhí)行，那么可以通過reject Promise，讓async function中的try...catch捕獲到錯誤。

async function fun() {
  try {
    await new Promise((resolve, reject) => {
      setTimeout(() => {
        try {
          throw 500;
        } catch (err) {
          console.log("err1", err);  // called
          reject(err);
        }
      }, 0);
    });
  } catch (err) {
    console.log("err4", err);  // called
    throw err;
  }
}
try {
  fun();
} catch (err) {
  console.log("err5", err);  // not called
}

注意try {fun();}無法捕獲到錯誤，因為這個函數(shù)不是通過await來執(zhí)行的。錯誤拋出的時候，這個try語句早已經(jīng)執(zhí)行完。

GPU云服務器云服務器什么是php回調函數(shù) 為什么我的服務器沒有了回調函數(shù) 添加回調函數(shù)

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/93302.html

Node 錯誤處理之挖坑系列

摘要：一中的對象包含了錯誤的具體信息，包括錯誤堆棧等。不源碼了，特別簡單，自己去一下。一. Error ????JS 中的 Error 對象. 包含了錯誤的具體信息，包括 name、message、錯誤堆棧 stack 等?？梢砸?new Error 方式創(chuàng)建實例拋出，或調用 Error.captureStackTrace 為已有對象添加 stack 錯誤堆棧信息而后拋出showImg(...

afishhhhh 2019-08-22 11:10 評論0 收藏0
解析 Promise 原理，實現(xiàn)一個Promise

摘要：解析原理，實現(xiàn)一個概述這篇文章旨在解析的異步實現(xiàn)原理，并且以中的為藍本實現(xiàn)一個簡單的。具體的規(guī)范可以參見細節(jié)構造器中必須傳入函數(shù)，否則會拋出錯誤。中的回調返回值會影響返回的對象。執(zhí)行器傳入構造器的為函數(shù)，并且在構造時就會執(zhí)行。解析 Promise 原理，實現(xiàn)一個Promise 概述這篇文章旨在解析 Promise的異步實現(xiàn)原理，并且以 ES6中的 Promise 為藍本實現(xiàn)一個簡單...

silenceboy 2019-08-22 11:11 評論0 收藏0
JavaScript的異常處理

摘要：主要用于捕捉異常。這包括在塊里拋出的異常。并且同時捕獲到一些關于異常的信息。秒后輸出統(tǒng)一異常處理代碼中拋出的異常，一種是要展示給用戶，一種是展示給開發(fā)者。當 JavaScript 引擎執(zhí)行 JavaScript 代碼時，有可能會發(fā)生各種異常，例如是語法異常，語言中缺少的功能，由于來自服務器或用戶的異常輸出而導致的異常。而 Javascript 引擎是單線程的，因此一旦遇到異常，Ja...

PrototypeZ 2019-08-21 16:56 評論0 收藏0
對JavaScript中的異步函數(shù)進行異常處理及測試

摘要：總結最后總結一下從異步函數(shù)拋出的錯誤不會是普通的異常。異步函數(shù)和異步方法總是返回一個，無論是已解決還是被拒絕。要攔截異步函數(shù)中的異常，必須使用。翻譯：瘋狂的技術宅原文：https://www.valentinog.com/bl... 本文首發(fā)微信公眾號：jingchengyideng歡迎關注，每天都給你推送新鮮的前端技術文章可以在 Javascript 的異步函數(shù)中拋出錯誤嗎...

bigdevil_s 2019-08-23 14:57 評論0 收藏0
對JavaScript中的異步函數(shù)進行異常處理及測試

摘要：總結最后總結一下從異步函數(shù)拋出的錯誤不會是普通的異常。異步函數(shù)和異步方法總是返回一個，無論是已解決還是被拒絕。要攔截異步函數(shù)中的異常，必須使用。翻譯：瘋狂的技術宅原文：https://www.valentinog.com/bl... 本文首發(fā)微信公眾號：jingchengyideng歡迎關注，每天都給你推送新鮮的前端技術文章可以在 Javascript 的異步函數(shù)中拋出錯誤嗎...

paulli3 2019-05-29 17:12 評論0 收藏0