ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。