Promise finally()
finally() は Promise インスタンスのメソッドで、プロミスが決定したとき（履行されたか拒否されたかのどちらか）に呼び出される関数を準備します。直ちに他の Promise オブジェクトを返すため、プロミスの他のメソッドを連鎖呼び出しすることができます。
これによって、プロミスの then() ハンドラーと catch() ハンドラーでコードが重複することを避けることができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 63 | 18 | 58 | 11.1 | 63 | 11.3 | |
基本構文
JAVASCRIPT
showLoading();
fetch('/api/data')
.then(response => response.json())
.then(data => displayData(data))
.catch(error => showError(error))
.finally(() => hideLoading());ライブデモ
button. doublesubmitprevention
redegreeenabledization.. with ProcessingStart time to button disabledization, end time to finally.
プレビュー全画面表示
実務での使いどころ
-
Promise finally() の活用
finally() は Promise インスタンスのメソッドで、プロミスが決定したとき（履行されたか拒否されたかのどちらか）に呼び出される関数を準備します。
注意点
- 特になし。すべての主要ブラウザで安定して動作する。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。