Що таке обіцянки в es6.

Відео: Основи ES6 # 11: Класи і спадкування в ES5 і ES6

Всім привіт! У цій статті ми розглянемо, що таке обіцянки (promises) в jаvascript і як їх використовувати.

до приходу ES6 нам доводилося використовувати різні бібліотеки, щоб працювати з обіцянками, але тепер вони доступні нам в новій версії мови jаvascript.

Відео: Основи ES6 # 15.1: Знайомство з обіцянками

Для чого потрібні обіцянки?

Дуже часто нам доводиться писати код, де щось одне відбувається після того, як станеться щось інше. Простий приклад:

var button = document.getElementById(`Button`) - 
button.onclick =function(){ 
 alert(`Хтось клікнув по кнопці`) - 
} -

Зазвичай для реалізації такого алгоритму ми використовуємо функції зворотного виклику, як в прикладі вище.

Інший приклад - використання Ajax. Щоб взаємодіяти з сервером, нам доводиться писати дуже багато функцій зворотного виклику для підвантаження даних, обробки, перевірки і відображення. У підсумку наш код стає досить об`ємним і його важче розуміти. Щоб такої проблеми не було, придумані Promises (обіцянки).

Як використовувати обіцянки?

Використовувати обіцянки досить просто. Давайте відразу все розглядати на прикладі.

Відео: Основи ES6 # 1: Установка і настройка Babel

let promise = applyForVisa() - 
promises.then(success, error) -

У нас є функція, яка подає заявку на отримання візи. Вона повертає обіцянку, яку ми записуємо в змінну. Далі ми використовуємо метод then для обробки, який приймає два параметри: перший - функція, яка викликається, якщо все пройшло успішно, другий - функція, яка викликається в разі помилки.

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

applyForVisa() 
.then(func1) 
.then(func2) 
.catch(error)

Ось так все просто! Так що, використовуйте promises замість функцій зворотного виклику, щоб скоротити код і зробити його більш читабельним.

А у мене на цьому все. Дякую за увагу!

Поділися в соціальних мережах:

Схожі