JavaScript Promise.then() — обробка результату обіцянки

Метод then() (у перекладі — тоді) виконує функцію, коли обіцянка виконалась, і передає їй результат.

правити

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

Найважливіше про then() — він повертає нову обіцянку. Саме тому виклики шикуються в ланцюжок: те, що повернув один обробник, приходить у наступний.

Якщо обробник повертає звичайне значення — воно й прилетить далі. Якщо повертає обіцянку — ланцюжок дочекається її й передасть уже розгорнутий результат. Це те, що рятує від вкладених then усередині then.

Другий аргумент then() ловить помилку, але так майже не пишуть: catch() у кінці ланцюжка читабельніший і ловить помилки з усіх ланок, а не лише з попередньої.

правити

Нотатка

Обробник виконується асинхронно — навіть якщо обіцянка вже виконана. Код після .then() відпрацює раніше за код усередині нього.

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

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

Переглядачі

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

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

Переглядач
	32	29	8	19	12	—

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

Переглядач
	4.4.3	32	29	8

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

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

Приклади

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

fetch('/api/user')
    .then(response => response.json())  // повернули обіцянку — чекаємо
    .then(user => user.name.toUpperCase()) // повернули значення — летить далі
    .then(name => console.log(name))
    .catch(error => console.error(error));

// then асинхронний навіть на готовій обіцянці
Promise.resolve(1).then(() => console.log('другий'));
console.log('перший');