Tutorial

Написание асинхронного кода в Node.js

Published on February 20, 2020
Русский
Написание асинхронного кода в Node.js

Автор выбрал фонд Open Internet/Free Speech для получения пожертвования в рамках программы Write for DOnations.

Введение

Во многих программах JavaScript код выполняется так, как написал его разработчик — строка за строкой. Это называется синхронным выполнением, поскольку строки выполняются друг за другом в порядке, в котором они были написаны. Однако не все инструкции, которые вы передаете компьютеру, должны быть приняты сразу. Например, если вы отправите сетевой запрос, процесс выполнения вашего кода вынужден ждать, пока данные будут возвращены, прежде чем можно будет продолжить работу. В данном случае время будет потрачено зря, если другой код не будет выполняться, пока вы ждете завершения выполнения запроса. Чтобы решить эту проблему, разработчики используют асинхронное программирование, в котором строки кода выполняются в ином порядке, чем в том, в каком они написаны. С помощью асинхронного программирования мы можем выполнять другой код, ожидая завершения длительных действий, например сетевых запросов.

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

В этом обучающем руководстве вы узнаете, как JavaScript управляет асинхронными задачами с помощью цикла событий, конструкции JavaScript, которая выполняет новую задачу, пока выполняется другая. Затем вы создадите программу, которая использует асинхронное программирование, чтобы запрашивать список фильмов из Studio Ghibli API, и сохраняет данные в файл CSV. Асинхронный код будет написан тремя разными способами: обратные вызовы, обещания и ключевые слова async/await.

Примечание. На момент написания данной статьи асинхронное программирование больше не использует исключительно обратные вызовы, но изучение этого устаревшего метода позволяет получить более широкое понимание того, почему сообщество JavaScript сейчас использует обещания. Ключевые слова async/await позволяют нам использовать обещания менее многословным образом, поэтому они являются стандартом для асинхронного программирования в JavaScript на момент написания этой статьи.

Предварительные требования

Цикл событий

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

Так как интерпретатор JavaScript выполняет код, все функции, вызываемые JavaScript, добавляются в стек вызовов. Стек вызовов — это стек, структура данных в виде списка, где элементы могут быть добавлены только сверху и удалены только сверху. Стек опирается на принцип «последний пришел, первый ушел» (или LIFO). Если вы добавили два элемента в стек, последний добавленный элемент удаляется в первую очередь.

Давайте проиллюстрируем использование стека вызовов примером. Если JavaScript замечает вызов функции functionA(), она добавляется в стек вызовов. Если эта функция functionA() вызывает другую функцию functionB(), тогда функция functionB() добавляется сверху стека вызовов. Когда JavaScript завершает выполнение функции, она удаляется из стека вызовов. Поэтому JavaScript выполняет функцию functionB() в первую очередь, удаляет ее из стека, а затем заканчивает выполнение functionA() и удаляет ее из стека вызовов. Поэтому вложенные функции всегда выполняются перед внешними функциями.

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

Функции в очереди сообщений ожидают добавления в стек вызовов. Цикл событий — это бесконечный процесс, который проверяет, есть ли в стеке вызовов записи. Если записи отсутствуют, первый элемент в очереди сообщений передается в стек вызовов. JavaScript присваивает приоритет функциям в очереди сообщений согласно вызовам функции, которые обнаруживает в коде. Совокупный эффект стека вызовов, очереди сообщений и цикла событий позволяет обрабатывать код JavaScript при управлении асинхронными действиями.

Теперь, когда вы познакомились с циклом событий, вы понимаете, как будет выполняться асинхронный код, который вы пишете. Обладая этими знаниями, вы можете создать асинхронный код с помощью трех разных подходов: обратные вызовы, обещания и async/await.

Асинхронное программирование с обратными вызовами

Функция обратного вызова — это функция, которая передается в качестве аргумента в другую функцию, а затем выполняется после завершения выполнения другой функции. Мы используем обратный вызов, чтобы убедиться, что код выполняется только после завершения асинхронной операции.

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

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

function asynchronousFunction([ Function Arguments ], [ Callback Function ]) {
    [ Action ]
}

Хотя синтаксис JavaScript или Node.js не требует, чтобы функция обратного вызова использовалась в качестве последнего аргумента внешней функции, это стандартная практика, которая упрощает определение обратных вызовов. Также, как правило, разработчики JavaScript используют анонимную функцию в качестве обратного вызова. Анонимные функции — это функции, которые не имеют имени. Обычно код читается гораздо лучше, когда функция определяется в конце списка аргументов.

Чтобы продемонстрировать использование обратного вызова, давайте создадим модуль Node.js, который пишет список фильмов Studio Ghibli в файл. Во-первых, создайте папку, которая будет хранить файл JavaScript и вывод:

  1. mkdir ghibliMovies

Затем откройте эту папку:

  1. cd ghibliMovies

Начнем с создания запроса HTTP для Studio Ghibli API, где наша функция обратного вызова будет хранить результаты. Для этого мы установим библиотеку, которая позволяет нам получить доступ к данным HTTP-ответа в обратном вызове.

В терминале инициализируйте npm, чтобы мы могли получить ссылку на наши пакеты позднее:

  1. npm init -y

Затем установите библиотеку request:

  1. npm i request --save

Теперь откройте новый файл с именем callbackMovies.js в текстовом редакторе, например nano:

  1. nano callbackMovies.js

В текстовом редакторе добавьте следующий код. Начнем с отправки запроса HTTP с помощью модуля request:

callbackMovies.js
const request = require('request');

request('https://ghibliapi.herokuapp.com/films');

В первой строке мы загрузим модуль request, который был установлен с помощью npm. Модуль возвращает функцию, которая может выполнять запросы HTTP; затем мы сохраним эту функцию в константе request.

Затем мы создадим запрос HTTP с помощью функции request(). Теперь мы распечатаем данные из запроса HTTP в консоль, добавив выделенные изменения:

callbackMovies.js
const request = require('request');

request('https://ghibliapi.herokuapp.com/films', (error, response, body) => {
    if (error) {
        console.error(`Could not send request to API: ${error.message}`);
        return;
    }

    if (response.statusCode != 200) {
        console.error(`Expected status code 200 but received ${response.statusCode}.`);
        return;
    }

    console.log('Processing our list of movies');
    movies = JSON.parse(body);
    movies.forEach(movie => {
        console.log(`${movie['title']}, ${movie['release_date']}`);
    });
});

При использовании функции request() мы передадим в нее два параметра:

  • URL-адрес сайта, который мы запрашиваем
  • Функция обратного вызова, которая обрабатывает любые ошибки или успешные ответы на выполненные запросы

Наша функция обратного вызова имеет три аргумента: error, response и body. Когда запрос HTTP выполняется, аргументам автоматически присваиваются значения в зависимости от вывода. Если не удалось выполнить запрос, тогда error будет содержать объект, а response и body будут иметь значение null. Если запрос будет выполнен успешно, HTTP-ответ сохраняется в качестве значения аргумента response. Если наш HTTP-ответ возвращает данные (в данном примере мы получим JSON), данные сохранятся в качестве значения аргумента body.

Наша функция обратного вызова сначала проверяет, была ли получена ошибка. Рекомендуется выполнять проверку на ошибки в обратном вызове в первую очередь, чтобы исполнение обратного вызова не продолжалось с неполными данными. В данном случае мы регистрируем ошибку и исполнение функции. Затем мы проверяем код состояния ответа. Наш сервер может не всегда быть доступным, а API могут менять, в результате чего когда-то рабочие запросы становятся неверными. Проверив, что код статуса равен 200, что означает, что запрос выполнен успешно, мы можем убедиться, что наш ответ будет выглядеть так, как мы ожидаем.

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

После сохранения и закрытия файла запустите этот скрипт с помощью следующей команды:

  1. node callbackMovies.js

Результат будет выглядеть следующим образом:

Output
Castle in the Sky, 1986 Grave of the Fireflies, 1988 My Neighbor Totoro, 1988 Kiki's Delivery Service, 1989 Only Yesterday, 1991 Porco Rosso, 1992 Pom Poko, 1994 Whisper of the Heart, 1995 Princess Mononoke, 1997 My Neighbors the Yamadas, 1999 Spirited Away, 2001 The Cat Returns, 2002 Howl's Moving Castle, 2004 Tales from Earthsea, 2006 Ponyo, 2008 Arrietty, 2010 From Up on Poppy Hill, 2011 The Wind Rises, 2013 The Tale of the Princess Kaguya, 2013 When Marnie Was There, 2014

Мы успешно получили список фильмов Studio Ghibli с годом премьеры каждого фильма. Теперь давайте завершим работу программы, добавив список фильмов, который мы сейчас сохранили, в файл.

Обновите файл callbackMovies.js в текстовом редакторе, чтобы включить следующий выделенный код, который создает файл CSV с данными нашего фильма:

callbackMovies.js
const request = require('request');
const fs = require('fs');

request('https://ghibliapi.herokuapp.com/films', (error, response, body) => {
    if (error) {
        console.error(`Could not send request to API: ${error.message}`);
        return;
    }

    if (response.statusCode != 200) {
        console.error(`Expected status code 200 but received ${response.statusCode}.`);
        return;
    }

    console.log('Processing our list of movies');
    movies = JSON.parse(body);
    let movieList = '';
    movies.forEach(movie => {
        movieList += `${movie['title']}, ${movie['release_date']}\n`;
    });

    fs.writeFile('callbackMovies.csv', movieList, (error) => {
        if (error) {
            console.error(`Could not save the Ghibli movies to a file: ${error}`);
            return;
        }

        console.log('Saved our list of movies to callbackMovies.csv');;
    });
});

Если внимательно изучить внесенные изменения, можно увидеть, что мы импортируем модуль fs. Этот модуль является стандартным модулем для всех установок Node.js и содержит метод writeFile(), который осуществляет асинхронную запись в файл.

Вместо того, чтобы выводить данные в консоль, мы добавим их в строковую переменную movieList. Затем мы воспользуемся writeFile() для сохранения содержимого movieList в новый файл callbackMovies.csv. В заключение мы передадим обратный запрос в функцию writeFile(), которая имеет только один аргумент: error. Это позволит нам обрабатывать случаи, когда выполнить запись в файл не удается, например, когда пользователь, с помощью которого мы выполняем запуск процесса node, не имеет необходимых разрешений.

Сохраните файл и еще раз запустите нашу программу Node.js с помощью следующей команды:

  1. node callbackMovies.js

В папке ghibliMovies вы увидите файл callbackMovies.csv, который содержит следующее:

callbackMovies.csv
Castle in the Sky, 1986
Grave of the Fireflies, 1988
My Neighbor Totoro, 1988
Kiki's Delivery Service, 1989
Only Yesterday, 1991
Porco Rosso, 1992
Pom Poko, 1994
Whisper of the Heart, 1995
Princess Mononoke, 1997
My Neighbors the Yamadas, 1999
Spirited Away, 2001
The Cat Returns, 2002
Howl's Moving Castle, 2004
Tales from Earthsea, 2006
Ponyo, 2008
Arrietty, 2010
From Up on Poppy Hill, 2011
The Wind Rises, 2013
The Tale of the Princess Kaguya, 2013
When Marnie Was There, 2014

Необходимо отметить, что мы осуществляем запись в файл CSV в обратном вызове запроса HTTP. Так как код находится в функции обратного вызова, он будет осуществлять запись в файл только после выполнения запроса HTTP. Если мы хотим подключиться к базе данных после создания нашего файла CSV, нужно создать другую асинхронную функцию, которая будет вызываться в обратном вызове writeFile(). Чем более асинхронный код нам нужен, тем больше функций обратного вызова нам нужно добавить.

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

doSomething1(() => {
    doSomething2(() => {
        doSomething3(() => {
            doSomething4(() => {
                doSomething5(() => {
                    // final action
                });
            });
        });
    });
});

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

Использование обещаний и ответственное асинхронное программирование

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

Обещания обычно имеют следующую форму:

promiseFunction()
    .then([ Callback Function for Fulfilled Promise ])
    .catch([ Callback Function for Rejected Promise ])

Как показано в этом шаблоне, обещания также используют функции обратного вызова. У нас есть функция обратного вызова для метода then(), который выполняется при выполнении обещания. Также у нас есть функция обратного вызова для метода catch() для обработки любых ошибок, возникающих при исполнении обещания.

Давайте получим практический опыт работы с обещаниями, переписав нашу программу Studio Ghibli, на этот раз с использованием обещаний.

Axios — это HTTP-клиент JavaScript, работающий с обещаниями, так что давайте попробуем его установить:

  1. npm i axios --save

Теперь в любом текстовом редакторе на ваш выбор создайте новый файл promiseMovies.js:

  1. nano promiseMovies.js

Наша программа выполняет запрос HTTP с помощью axios и затем использует специальную версию fs на базе обещаний, чтобы сохранить новый файл CSV.

Введите этот код в файл promiseMovies.js, чтобы загрузить Axios и отправить запрос HTTP в API фильмов:

promiseMovies.js
const axios = require('axios');

axios.get('https://ghibliapi.herokuapp.com/films');

В первой строке мы загрузим модуль axios, сохранив возвращаемую функцию в константе с именем axios. Затем мы используем метод axios.get() для отправки запроса HTTP для API.

Метод axios.get() возвращает обещание. Давайте используем это обещание, чтобы вывести список фильмов Ghibli в консоль:

promiseMovies.js
const axios = require('axios');
const fs = require('fs').promises;


axios.get('https://ghibliapi.herokuapp.com/films')
    .then((response) => {
        console.log('Successfully retrieved our list of movies');
        response.data.forEach(movie => {
            console.log(`${movie['title']}, ${movie['release_date']}`);
        });
    })

Давайте разберем, что здесь происходит. После выполнения HTTP-запроса GET с помощью axios.get() мы используем функцию then(), которая выполняется только при выполнении обещания. В данном случае мы выводим фильмы на экран, как мы делали в примере с обратным вызовом.

Чтобы улучшить эту программу, добавьте выделенный код для записи данных HTTP в файл:

promiseMovies.js
const axios = require('axios');
const fs = require('fs').promises;


axios.get('https://ghibliapi.herokuapp.com/films')
    .then((response) => {
        console.log('Successfully retrieved our list of movies');
        let movieList = '';
        response.data.forEach(movie => {
            movieList += `${movie['title']}, ${movie['release_date']}\n`;
        });

        return fs.writeFile('promiseMovies.csv', movieList);
    })
    .then(() => {
        console.log('Saved our list of movies to promiseMovies.csv');
    })

Еще раз дополнительно импортируем модуль fs. Обратите внимание, как после импорта fs мы получили .promises. Node.js включает работающую на базе обещаний версию библиотеки fs на базе обратного вызова, так что при использовании в старых проектах обратная совместимость не пострадает.

Первая функция then(), которая обрабатывает запрос HTTP, теперь вызывает fs.writeFile() вместо вывода в консоль. Поскольку мы импортировали версию fs на базе обещаний, наша функция writeFile() возвращает другое обещание. Фактически мы добавили другую функцию then() для случаев, когда обещание writeFile() выполняется.

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

Примечание. В данном примере мы не проверяли код состояния HTTP, как мы делали в примере обратного вызова. По умолчанию axios не выполняет свое обещание при получении кода состояния, указывающего на ошибку. Т. е. нам больше не нужно выполнять эту проверку.

Чтобы выполнить эту программу, свяжите обещание с функцией catch(), как показано в выделенном фрагменте ниже:

promiseMovies.js
const axios = require('axios');
const fs = require('fs').promises;


axios.get('https://ghibliapi.herokuapp.com/films')
    .then((response) => {
        console.log('Successfully retrieved our list of movies');
        let movieList = '';
        response.data.forEach(movie => {
            movieList += `${movie['title']}, ${movie['release_date']}\n`;
        });

        return fs.writeFile('promiseMovies.csv', movieList);
    })
    .then(() => {
        console.log('Saved our list of movies to promiseMovies.csv');
    })
    .catch((error) => {
        console.error(`Could not save the Ghibli movies to a file: ${error}`);
    });

Если какое-либо обещание в цепи обещаний не выполняется, JavaScript автоматически переходит в функцию catch(), если она определена. Именно поэтому у нас есть только один вызов catch(), хотя мы используем две асинхронные операции.

Давайте подтвердим, что наша программа генерирует аналогичный результат, выполнив запуск:

  1. node promiseMovies.js

В папке ghibliMovies вы увидите файл promiseMovies.csv содержащий следующее:

promiseMovies.csv
Castle in the Sky, 1986
Grave of the Fireflies, 1988
My Neighbor Totoro, 1988
Kiki's Delivery Service, 1989
Only Yesterday, 1991
Porco Rosso, 1992
Pom Poko, 1994
Whisper of the Heart, 1995
Princess Mononoke, 1997
My Neighbors the Yamadas, 1999
Spirited Away, 2001
The Cat Returns, 2002
Howl's Moving Castle, 2004
Tales from Earthsea, 2006
Ponyo, 2008
Arrietty, 2010
From Up on Poppy Hill, 2011
The Wind Rises, 2013
The Tale of the Princess Kaguya, 2013
When Marnie Was There, 2014

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

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

Использование async и await в JavaScript

Ключевые слова async/await предоставляют возможность использования альтернативного синтаксиса при работе с обещаниями. Вместо получения результата обещания в методе then() результат возвращается в качестве значения, как в любой другой функции. Мы определяем функцию с ключевым словом async, чтобы указать JavaScript, что это асинхронная функция, возвращающая обещание. Мы используем ключевое слово await, чтобы указать JavaScript возвращать результаты обещания вместо возвращения самого обещания при его выполнении.

Использование async/await выглядит следующим образом:

async function() {
    await [Asynchronous Action]
}

Давайте посмотрим, как использование async/await может улучшить нашу программу Studio Ghibli. Воспользуйтесь текстовым редактором для создания и открытия нового файла asyncAwaitMovies.js:

  1. nano asyncAwaitMovies.js

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

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

Импорт выполняется аналогично импорту в promiseMovies.js, поскольку async/await используют обещания.

Теперь мы используем слово async для создания функции с нашим асинхронным кодом:

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

async function saveMovies() {}

Мы создадим новую функцию с именем saveMovies(), но добавим async в начале ее определения. Это важно, поскольку мы можем использовать ключевое слово await только в асинхронной функции.

Используйте ключевое слово await для создания запроса HTTP, получающего список фильмов из Ghibli API:

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

async function saveMovies() {
    let response = await axios.get('https://ghibliapi.herokuapp.com/films');
    let movieList = '';
    response.data.forEach(movie => {
        movieList += `${movie['title']}, ${movie['release_date']}\n`;
    });
}

В функции saveMovies() мы создаем запрос HTTP с помощью axios.get(), как и прежде. На этот раз мы не соединяем ее с функцией then(). Вместо этого мы добавим await перед ее вызовом. Когда JavaScript видит await, выполняется остальной код функции только после того,как axios.get() завершит выполнение и задаст переменную response. Остальной код сохраняет данные фильмов, чтобы мы могли записывать их в файл.

Давайте запишем данные в файл:

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

async function saveMovies() {
    let response = await axios.get('https://ghibliapi.herokuapp.com/films');
    let movieList = '';
    response.data.forEach(movie => {
        movieList += `${movie['title']}, ${movie['release_date']}\n`;
    });
    await fs.writeFile('asyncAwaitMovies.csv', movieList);
}

Мы также используем ключевое слово await при записи в файл с помощью fs.writeFile().

Для выполнения этой функции нам нужно поймать ошибки, которые могут генерировать наши обещания. Давайте выполним это, обернув наш код в блок try/catch:

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

async function saveMovies() {
    try {
        let response = await axios.get('https://ghibliapi.herokuapp.com/films');
        let movieList = '';
        response.data.forEach(movie => {
            movieList += `${movie['title']}, ${movie['release_date']}\n`;
        });
        await fs.writeFile('asyncAwaitMovies.csv', movieList);
    } catch (error) {
        console.error(`Could not save the Ghibli movies to a file: ${error}`);
    }
}

Поскольку обещания могут не выполняться, мы поместим наш асинхронный код внутри блока try/catch. Он будет перехватывать любые ошибки, которые будут генерироваться при невозможности выполнения запроса HTTP или записи в файл.

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

asyncAwaitMovies.js
const axios = require('axios');
const fs = require('fs').promises;

async function saveMovies() {
    try {
        let response = await axios.get('https://ghibliapi.herokuapp.com/films');
        let movieList = '';
        response.data.forEach(movie => {
            movieList += `${movie['title']}, ${movie['release_date']}\n`;
        });
        await fs.writeFile('asyncAwaitMovies.csv', movieList);
    } catch (error) {
        console.error(`Could not save the Ghibli movies to a file: ${error}`);
    }
}

saveMovies();

На первый взгляд это типичный блок синхронного кода JavaScript. Он имеет меньшее количество функций, передаваемых через него, и выглядит аккуратнее. Эти небольшие улучшения облегчают поддержку асинхронного кода с async/await.

Проверьте эту версию нашей программы, запустив ее в терминале:

  1. node asyncAwaitMovies.js

В папке ghibliMovies будет создан новый файл asyncAwaitMovies.csv со следующим содержанием:

asyncAwaitMovies.csv
Castle in the Sky, 1986
Grave of the Fireflies, 1988
My Neighbor Totoro, 1988
Kiki's Delivery Service, 1989
Only Yesterday, 1991
Porco Rosso, 1992
Pom Poko, 1994
Whisper of the Heart, 1995
Princess Mononoke, 1997
My Neighbors the Yamadas, 1999
Spirited Away, 2001
The Cat Returns, 2002
Howl's Moving Castle, 2004
Tales from Earthsea, 2006
Ponyo, 2008
Arrietty, 2010
From Up on Poppy Hill, 2011
The Wind Rises, 2013
The Tale of the Princess Kaguya, 2013
When Marnie Was There, 2014

Теперь вы используете функции JavaScript async/await для управления асинхронным кодом.

Заключение

В этом обучающем руководстве вы узнали, как JavaScript обрабатывает функции и управляет асинхронными операциями с помощью цикла событий. Затем мы написали программы, которые создают файл CSV после отправки запроса HTTP для получения данных о фильмах с использованием различных асинхронных техник программирования. Сначала мы использовали устаревший подход с обратными вызовами. Затем мы использовали обещания и, наконец, поработали с async/await, чтобы сделать синтаксис обещаний более сжатым.

Обладая пониманием асинхронного кода в Node.js, мы можем разрабатывать программы, которые могут использовать преимущества асинхронного программирования, например программы, опирающиеся на вызовы API. Посмотрите на этот список публичных API. Для их использования вам нужно выполнять асинхронные запросы HTTP, как мы делали в этом обучающем руководстве. Для дальнейшего изучения попробуйте создать приложение, использующее эти API, чтобы попрактиковаться с описанными здесь техниками.

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Learn more about our products

About the authors

Default avatar

Senior Technical Editor

Editor at DigitalOcean, fiction writer and podcaster elsewhere, always searching for the next good nautical pun!


Still looking for an answer?

Ask a questionSearch for more help

Was this helpful?
 
1 Comments


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

о, господи, это самое понятное объяснение промисов и асихнронных функций, которое только возможно!! Зарегистрировалась, только чтобы вам это написать!

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up

Join the Tech Talk
Success! Thank you! Please check your email for further details.

Please complete your information!

Featured on Community

Get our biweekly newsletter

Sign up for Infrastructure as a Newsletter.

Hollie's Hub for Good

Working on improving health and education, reducing inequality, and spurring economic growth? We'd like to help.

Become a contributor

Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.

Welcome to the developer cloud

DigitalOcean makes it simple to launch in the cloud and scale up as you grow — whether you're running one virtual machine or ten thousand.

Learn more