citcourses / promise

Promise. Основы асинхронного программирования

1. Первое задание на демонстрацию работы асинхронного кода, и что будет если неправильно писать код в этой парадигме. Объявите переменную i и проинициализируйте ее каким-нибудь числом. Увеличьте значение переменной i используя задержку setTimeout. После setTimeout выведите значение переменной.
2. Переписать первое задание с использованием Promise.
3. Задание на промисификацию. Воспользуйтесь асинхронной функцией чтения файла readFile, что находиться в модуле fs. Создайте свою функцию обертку для функции readFile, которая будет возвращать объект промиса и выполнять чтение файла внутри этого промиса, а результат чтения помещать в callback’и состояний. Используйте метод then для того чтобы вывести содержимое файла или вывести сообщение об ошибке.
4. Задание на написание HTTP сервера. Воспользуйтесь своей функцией из прошлого задания для того чтобы написать чтение HTML файлов для отправки клиентам. Расширьте обработку ошибок, используя chaining (цепочку) из методов then.

Promise. Основы асинхронного программирования

Promise (промисы) – это очень удобный инструмент для организации асинхронного кода.

По факту, промис – это объект, который содержит свое состояние. Это нужно для того, чтобы понимать на каком этапе идет выполнение асинхронного скрипта: выполняется, выполнено успешно или выполнено с ошибкой. Соответственно, у промиса есть три состояния для трех этих случаев: ожидание, выполнено, выполнено с ошибкой.

Когда скрипт выполняется, то промис будет просто ожидать его выполнения. Успешное выполнение скрипта, называется fulfilled, а ошибкой – rejected. И чтобы обработать эти два состояния, вызываются функции callback’и которые соответствуют этим состояниям.

Пример создания:

const promise = new Promise((resolve, reject) => {
 // асинхронный код
}); 

resolve, reject – это callback’и.

Теперь нужно написать обработку состояний выполнения программы.

Пример:

const promise = new Promise((resolve, reject) => {
 // асинхронный код
});

promise
 .then(
 result => console.log(result),
 error => console.log(error)
 ); 

Метод then навешивает обработчики на эти состояния. В качестве аргументов, этот метод принимает функции. Первая функция обрабатывает fulfilled, вторая – rejected.

К примеру, если код выполнился успешно, то:

const promise = new Promise((resolve, reject) => {
 resolve('Successful!');
});

promise
 .then(
 result => console.log(result),
 error => console.log(error)
 ); 

запустится первая функция что передается в метод then и данные которые передались в callback resolve, будут аргументом для первой функции в методе, и сохраняться под именем result. Если же код выполниться с ошибкой, то:

const promise = new Promise((resolve, reject) => {
 reject(new Error('Error 1'));
});

promise
 .then(
 result => console.log(result),
 error => console.log(error)
 );

запустится вторая функция по аналогии с первой, и ошибка «улетит» в аргумент error которую в данном примере мы выводим на экран.