Promise finally()

概要

Promise.prototype.finally() は Promise が確定した後（fulfilled でも rejected でも）必ず実行されるコールバックを登録します。ローディング表示の終了やリソース解放などに使用します。

対応ブラウザ

基本構文

showLoading();

fetch('/api/data')
  .then(response => response.json())
  .then(data => displayData(data))
  .catch(error => showError(error))
  .finally(() => hideLoading());

ライブデモ

実務での使いどころ

• Promise finally() の活用

  Promise の成否にかかわらず実行されるコールバックを登録する。リソースのクリーンアップに使用。

注意点

アクセシビリティ

• JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク

• MDN Web Docs — Promise finally()
• Can I use — Promise finally()

Powered by web-features