欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

捕獲未處理的Promise錯(cuò)誤方法

 更新時(shí)間：2017年10月13日 08:41:43   作者：Fundebug  
下面小編就為大家?guī)?lái)一篇捕獲未處理的Promise錯(cuò)誤方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

為了保證可讀性，本文采用意譯而非直譯，并且對(duì)源代碼進(jìn)行了大量修改。另外，本文版權(quán)歸原作者所有，翻譯僅用于學(xué)習(xí)。

使用Promise編寫(xiě)異步代碼時(shí)，使用reject來(lái)處理錯(cuò)誤。有時(shí)，開(kāi)發(fā)者通常會(huì)忽略這一點(diǎn)，導(dǎo)致一些錯(cuò)誤沒(méi)有得到處理。例如：

function main() {
asyncFunc()
.then(···)
.then(() => console.log('Done!'));
}

由于沒(méi)有使用catch方法捕獲錯(cuò)誤，當(dāng)asyncFunc()函數(shù)reject時(shí)，拋出的錯(cuò)誤則沒(méi)有被處理。

這篇博客將分別介紹在瀏覽器與Node.js中，如何捕獲那些未處理的Promise錯(cuò)誤。

瀏覽器中未處理的Promise錯(cuò)誤

一些瀏覽器(例如Chrome)能夠捕獲未處理的Promise錯(cuò)誤。

unhandledrejection

監(jiān)聽(tīng)unhandledrejection事件，即可捕獲到未處理的Promise錯(cuò)誤：

window.addEventListener('unhandledrejection', event => ···);

這個(gè)事件是PromiseRejectionEvent實(shí)例，它有2個(gè)最重要的屬性：

promise: reject的Promise

reason: Promise的reject值

示例代碼：

window.addEventListener('unhandledrejection', event =>
{
console.log(event.reason); // 打印"Hello, Fundebug!"
});
 
function foo()
{
Promise.reject('Hello, Fundebug!');
}
 
foo();

Fundebug的JavaScript錯(cuò)誤監(jiān)控插件監(jiān)聽(tīng)了unhandledrejection事件，因此可以自動(dòng)捕獲未處理Promise錯(cuò)誤。

rejectionhandled

當(dāng)一個(gè)Promise錯(cuò)誤最初未被處理，但是稍后又得到了處理，則會(huì)觸發(fā)rejectionhandled事件：

window.addEventListener('rejectionhandled', event => ···);

這個(gè)事件是PromiseRejectionEvent實(shí)例。

示例代碼：

window.addEventListener('unhandledrejection', event =>
{
console.log(event.reason); // 打印"Hello, Fundebug!"
});
 
window.addEventListener('rejectionhandled', event =>
{
console.log('rejection handled'); // 1秒后打印"rejection handled"
});
 
 
function foo()
{
return Promise.reject('Hello, Fundebug!');
}
 
var r = foo();
 
setTimeout(() =>
{
r.catch(e =>{});
}, 1000);

Node.js中未處理的Promise錯(cuò)誤

監(jiān)聽(tīng)unhandledRejection事件，即可捕獲到未處理的Promise錯(cuò)誤：

process.on('unhandledRejection', (reason, promise) => ···);

示例代碼：

process.on('unhandledRejection', reason =>
{
console.log(reason); // 打印"Hello, Fundebug!"
});
 
function foo()
{
Promise.reject('Hello, Fundebug!');
}
 
foo();

注: Node.js v6.6.0+ 默認(rèn)會(huì)報(bào)告未處理的Promise錯(cuò)誤，因此不去監(jiān)聽(tīng)unhandledrejection事件也沒(méi)問(wèn)題。

Fundebug的Node.js錯(cuò)誤監(jiān)控插件監(jiān)聽(tīng)了unhandledRejection事件，因此可以自動(dòng)捕獲未處理Promise錯(cuò)誤。

以上這篇捕獲未處理的Promise錯(cuò)誤方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼

    JavaScript 封裝Ajax傳遞的數(shù)據(jù)代碼

    在使用Ajax傳輸數(shù)據(jù)時(shí)，少不了對(duì)傳遞的字符進(jìn)行轉(zhuǎn)碼，我的實(shí)現(xiàn)方式是將需要傳遞的數(shù)據(jù)暫存到一js Bean中，將js Bean放到Array中，生成傳輸參數(shù)時(shí)對(duì)Array中的jsBean進(jìn)行分解，得到相應(yīng)屬性信息并編碼..
    2009-06-06
  • JavaScript實(shí)現(xiàn)多種排序算法

    JavaScript實(shí)現(xiàn)多種排序算法

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)多種排序算法的相關(guān)資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下
    2016-02-02
  • 使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點(diǎn)

    使用JavaScript在html文檔內(nèi)添加新的元素節(jié)點(diǎn)

    這篇文章主要介紹了使用JavaScript在html文檔內(nèi)添加新的元素節(jié)，主要打方式就是動(dòng)態(tài)的改變?cè)衕tml文檔結(jié)構(gòu)，下文詳細(xì)介紹內(nèi)容需要的可以參考一下
    2022-02-02
  • 微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）

    微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件（可帶文本框）的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • JavaScript實(shí)現(xiàn)簡(jiǎn)單日期特效

    JavaScript實(shí)現(xiàn)簡(jiǎn)單日期特效

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單日期特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-04-04
  • 理解JS事件循環(huán)

    理解JS事件循環(huán)

    這篇文章主要幫助大家理解JS事件循環(huán)，深入淺出的講解了javascript事件循環(huán)，感興趣的小伙伴們可以參考一下
    2016-01-01
  • JS基于HTML5的canvas標(biāo)簽實(shí)現(xiàn)炫目的色相球動(dòng)畫(huà)效果實(shí)例

    JS基于HTML5的canvas標(biāo)簽實(shí)現(xiàn)炫目的色相球動(dòng)畫(huà)效果實(shí)例

    這篇文章主要介紹了JS基于HTML5的canvas標(biāo)簽實(shí)現(xiàn)色相球效果,結(jié)合實(shí)例形式分析了基于canvas標(biāo)簽實(shí)現(xiàn)圖形繪制的相關(guān)操作技巧,需要的朋友可以參考下
    2016-08-08
  • BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理

    BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理

    這篇文章主要介紹了BootStrap 智能表單實(shí)戰(zhàn)系列(五) 表單依賴插件處理 的相關(guān)資料，比較簡(jiǎn)單，主要介紹生產(chǎn)表單元素后的一些后續(xù)處理操作，非常不錯(cuò)具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
    2016-06-06
  • JavaScript前端控制網(wǎng)絡(luò)并發(fā)數(shù)目的常見(jiàn)方法小結(jié)

    JavaScript前端控制網(wǎng)絡(luò)并發(fā)數(shù)目的常見(jiàn)方法小結(jié)

    控制前端發(fā)起請(qǐng)求的并發(fā)數(shù),即限制同一時(shí)間內(nèi)進(jìn)行處理的請(qǐng)求數(shù)量,是一種有效的策略,本文將詳細(xì)介紹前端控制并發(fā)數(shù)的幾種常見(jiàn)做法,希望對(duì)大家有所幫助
    2023-12-12
  • JavaScript代碼實(shí)現(xiàn)春晚劉謙魔術(shù)的模擬程序

    JavaScript代碼實(shí)現(xiàn)春晚劉謙魔術(shù)的模擬程序

    昨晚春晚上劉謙的兩個(gè)魔術(shù)表演都非常精彩,尤其是第二個(gè)魔術(shù),他演繹了經(jīng)典的約瑟夫環(huán)問(wèn)題！約瑟夫環(huán)是一個(gè)經(jīng)典的數(shù)學(xué)問(wèn)題,本文給出了完整的 JavaScript 代碼實(shí)現(xiàn),感興趣的同學(xué)可以自己動(dòng)手實(shí)現(xiàn)一下
    2024-02-02

最新評(píng)論