Promise は非同期で実装されます

今回は、Promise を非同期実装するための注意点を紹介します。実際のケースを見てみましょう。

読みやすさを確保するために、この記事は直訳ではなく意訳を使用し、ソースコードは大幅に変更されています。また、この記事の著作権は原著者に帰属し、翻訳は学習のみを目的としています。

Promise を使用して非同期コードを作成する場合は、reject を使用してエラーを処理します。場合によっては、開発者は通常これを無視し、その結果、一部のエラーが処理されないことがあります。例:

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

エラーは catch メソッドを使用してキャプチャされないため、asyncFunc() 関数が拒否した場合、スローされたエラーは処理されません。

このブログでは、ブラウザーと Node.js で未処理の Promise エラーを捕捉する方法を紹介します。

ブラウザで未処理の Promise エラーが発生しました

一部のブラウザ (Chrome など) は、未処理の Promise エラーをキャッチできます。

未処理の拒否

unhandledrejection イベントをリッスンして、未処理の Promise エラーをキャプチャします:

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

このイベントは PromiseRejectionEvent インスタンスであり、2 つの最も重要な プロパティ を持っています:

約束: 約束を拒否します

理由: Promise の値を拒否します

サンプルコード:

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

Fundebug の JavaScript エラー監視プラグインは、未処理の拒否イベントをリッスンするため、未処理の Promise エラーを自動的に捕捉できます。

拒否処理済み

Promise エラーが最初は処理されず、後で処理されると、rejectionhandled イベントがトリガーされます:

window.addEventListener('拒否処理', イベント => · ·);

このイベントは PromiseRejectionEvent のインスタンスです。

サンプルコード:

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 エラー

unhandledRejection イベントをリッスンして、未処理の Promise エラーをキャプチャします:

process.on('unhandledRejection', (理由, 約束) => · ·);

サンプルコード:

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

注: Node.js v6.6.0 以降では、デフォルトで未処理の Promise エラーが報告されるため、unhandledrejection イベントをリッスンしなくても問題はありません。

Fundebug の Node.js エラー監視プラグインは、unhandledRejection イベントをリッスンするため、未処理の Promise エラーを自動的に捕捉できます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

以上がPromise は非同期で実装されますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。