最後に...最終的に約束の投稿

JavaScript Promiseのfinallyブロックはいつ実行されますか？私は最近この質問をセミナーで尋ねられ、混乱を和らげるために小さな記事を書きたいと思いました。

答えは、スネイプを引用することです：

……いつも。

基本構造は次のとおりです。

試す {
  //私はあなたのためにいくつかのコードを実行しようとします} catch（error）{
  //プロセスに表示されるエラーに対処します}最終的に{
  //とにかく実行します}

たとえば、これはChuck Norris Joke Generatorの例であり、Chuck Norris Database APIからのものです。 （ところで、Todd Mottoの素晴らしいオープンAPIのリストからこのAPIを見つけました。これは、プレゼンテーションやサイドプロジェクトに最適です。）

 async関数getData（）{
  試す {
    chuckjokes = await fetch（ `https：// api.chucknorris.io/jokes/random`）
      .then（res => res.json（））;

    console.log（ '私はあなたのためにいくつかのデータを得ました！'）;
    document.getElementById（ "QUOTE"）。innerhtml = chuckjokes.value;
  } catch（error）{
    console.warn（ `ここにエラーがあります：$ {error}`）;
  } ついに {
    console.log（ 'すべて、最終的に実行！'）;
  }
}

コンソール出力：（ジョークを正常に取得したコンソール出力はここに表示する必要があります）

次に、APIのURLにタイプミスを紹介し、誤って<var>r</var>の束を追加しましょう。これにより、 tryステートメントが失敗することになります。つまり、 catchエラーが発生することを意味します。

 async関数getData（）{
  試す {
    //それを少し台無しにしましょうchuckjokes = wait fetch（ `https：// api.chucknorrrrris.io/jokes/random`）を待ってください）
      .then（res => res.json（））;

    console.log（ '私はあなたのためにいくつかのデータを得ました！'）;
    document.getElementById（ "QUOTE"）。innerhtml = chuckjokes.value;
  } catch（error）{
    console.warn（ `ここにエラーがあります：$ {error}`）;
  } ついに {
    console.log（ 'すべて、最終的に実行！'）;
  }
}

コンソール出力：（エラーメッセージとfinallyブロック出力をここに表示する必要があります）

非常に重要な側面は、この例で説明されていないのは、 returnまたはbreakステートメントがtryまたはcatchブロックでコードを停止したとしても、 finallyブロックが実行されることです。

finally使用するのはいつですか？

私はそれが2つの異なる状況で特に役立つことがわかりましたが、他の状況はあると思います：

• tryブロックcatchコードを繰り返す必要があるとき。これが私が書いたVueレシピの例です。 finallyブロックで荷重状態を閉じました。これには、上記の例のように、いずれにせよUIを変更する必要があります。
• いくつかのクリーニング作業が必要なとき。 Oracleはこの文書でこれについて言及しています。 Javaですが、前提は同じです。

finally 、 try catchほど有用ではありませんが、場合によっては注目に値します。これがあなたの質問を明確にすることを願っています！

以上が最後に...最終的に約束の投稿の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。