ホームページ > ウェブフロントエンド > jsチュートリアル > TypeScript で Try...Catch で Async/Await を正しく使用する方法

TypeScript で Try...Catch で Async/Await を正しく使用する方法

Linda Hamilton
リリース: 2024-12-11 02:11:10
オリジナル
322 人が閲覧しました

How to Correctly Use Async/Await with Try...Catch in TypeScript?

変数宣言を使用した Try...Catch の正しい Async/Await 構文

TypeScript の新しい Async/Await 機能により、よりフラットなコードが可能になりますただし、await を使用する場合の try...catch ブロック内の変数の配置は次のようにすることができます。混乱を招きます。

ベスト プラクティス

例外が適切にキャッチされるように、try 本体内に複数行のビジネス ロジックを含めることがベスト プラクティスと考えられます。

try {
    const createdUser = await this.User.create(userInfo);

    // Business logic goes here
} catch (error) {
    console.error(error); // From creation or business logic
}
ログイン後にコピー

Promise のエラー処理

場合Promise 自体のエラーをキャッチして処理したい場合のみ、次の 3 つのオプションがあります:

  1. 外部で変数を宣言して分岐:

    • catch ブロック内の変数にデフォルト値を割り当てます。
    • 早期に返すか、例外を再スローします。 catch ブロック。
    • catch ブロックが例外をキャッチしたかどうかを示すフラグを設定します。
    • 変数の値をテストして、変数が割り当てられているかどうかを確認します。
  2. テストが例外をキャッチしましたタイプ:

    • キャッチされた例外を特定のエラー タイプに対してテストします。
  3. コールバックで使用します:

    • 2 つのコールバック関数を作成します。1 つは成功用、もう 1 つは成功用です。 try/catch を使用する代わりにエラーが発生しました。

例:

await this.User.create(userInfo).then(createdUser => {
    // Business logic goes here
}, error => {
    console.error(error); // From creation
});
ログイン後にコピー

以上がTypeScript で Try...Catch で Async/Await を正しく使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート