<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

А в практической части с полного нуля будет создано мощное и быстрое динамическое приложение, где Вы на практике познакомитесь, как создавать очень гибкую и расширяемую архитектуру, для разработке функционала любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Что такое обещания в ES6.

Что такое обещания в ES6.

Всем привет! В этой статье мы рассмотрим, что такое обещания(promises) в javascript и как их использовать.

До прихода ES6 нам приходилось использовать различные библиотеки, чтобы работать с обещаниями, но теперь они доступны нам в новой версии языка javascript.

Для чего нужны обещания?

Очень часто нам приходится писать код, где что-то одно происходит после того, как произойдет что-то другое. Простой пример:

var button = document.getElementById('button');
button.onclick = function() {
  alert('Кто-то кликнул по кнопке');
};

Обычно для реализации такого алгоритма мы используем функции обратного вызова, как в примере выше.

Другой пример – использование Ajax. Чтобы взаимодействовать с сервером, нам приходится писать очень много функций обратного вызова для подгрузки данных, обработки, проверки и отображения. В итоге наш код становится достаточно объемным и его тяжелее понимать. Чтобы такой проблемы не было, придуманы Promises(обещания).

Как использовать обещания?

Использовать обещания достаточно просто. Давайте сразу все рассматривать на примере.

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

У нас есть функция, которая подает заявку на получение визы. Она возвращает обещание, которое мы записываем в переменную. Далее мы используем метод then для обработки, который принимает два параметра: первый – функция, которая вызывается, если все прошло успешно, второй – функция, которая вызывается в случае ошибки.

Для того, чтобы использовать обещания, не обязательно записывать их в переменную, в метод then можно передать только один первый аргумент. Для того, чтобы что-то сделать в случае ошибки, вы можете использовать метод catch. Это удобно тогда, когда у вас много действий делается в случае успеха.

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

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

А у меня на этом все. Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

tihon0 tihon0 21.09.2016 14:50:59

* let promise = applyForVisa(); promises.then(success, error); * Здесь ошибка, нужно указывать: * promise.then(success, error); * Такое впечателние, что пример из этого видео был взят: https://www.youtube.com/watch?v=vNEDPtVchfw

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.