JavaScript Promise.finally() — код, що виконається завжди

Метод finally() (у перекладі — зрештою) виконується в будь-якому разі — і при успіху, і при помилці.

правити

Загальний опис

Це місце для прибирання: сховати індикатор завантаження, розблокувати кнопку, закрити з'єднання. Те, що має статися незалежно від результату.

Обробник finally() не отримує аргументів — і це навмисно: він не має знати, чим усе скінчилось, бо його справа не результат, а прибирання.

Він також прозорий для ланцюжка: результат (чи помилка) пролітає крізь нього далі без змін. Повернути з finally() щось інше не вийде.

правити

Порада

У async/await те саме роблять блоком finally у try...catch — і читається воно навіть простіше.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	63	58	11.1	50	18	—

Підтримка: мобільні переглядачі

Переглядач
	63	63	58	11.3

Підтримка: серверні переглядачі

Переглядач
	10.0.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

const spinner = {
    hidden: 'значення'
};

const button = {
    disabled: 'значення'
};

button.disabled = true;
spinner.hidden = false;

fetch('/api/save', { method: 'POST' })
    .then(response => response.json())
    .then(result => console.log('Збережено', result))
    .catch(error => console.error('Помилка', error))
    .finally(() => {
        // виконається і при успіху, і при збої
        button.disabled = false;
        spinner.hidden = true;
    });