finally()

ファイナリー（非同期処理）

意味完了後の操作

finally()とは？

Promiseのfinallyメソッドは、Promiseが成功したか失敗したかに関係なく、最後に必ず実行されるコールバック関数を受け取ります。

finally()の具体的な使い方

Promiseの処理完了後に共通の処理を行う例

const fetchData = () => {
  return new Promise((resolve, reject) => {
    // ランダムに成功または失敗を模擬
    if (Math.random() > 0.5) {
      resolve('データの取得に成功しました');
    } else {
      reject('データの取得に失敗しました');
    }
  });
};

fetchData()
  .then(data => {
    console.log('成功:', data);
  })
  .catch(error => {
    console.error('エラー:', error);
  })
  .finally(() => {
    console.log('処理が完了しました');
  });

👇出力結果

成功: データの取得に成功しました
処理が完了しました

または

エラー: データの取得に失敗しました
処理が完了しました

このコードでは、ランダムに成功または失敗するPromiseを作成しています。thenで成功時の処理、catchで失敗時の処理を定義し、finallyで成功・失敗に関わらず実行される処理を定義しています。

finally()に関するよくある質問

Q. finallyメソッドの目的は？

A. finallyメソッドは、Promiseの結果に関係なく（成功でも失敗でも）必ず実行される処理を定義するために使用されます。リソースのクリーンアップなどに適しています。

Q. finallyは値を返せますか？

A. finallyメソッドから値を返しても、その値は無視されます。finallyは主に副作用（サイドエフェクト）のための処理を行うために使用されます。

Q. finallyはいつ使うべき？

A. finallyは、Promiseの結果に関わらず実行したい処理がある場合に使用します。例えば、ローディング表示の終了、接続のクローズ、一時的なリソースの解放などの処理に適しています。

finally()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのfinally()やPromise.reject()、コールバック、setTimeout()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。