Поэкспериментируйте с асинхронным JS: краткое руководство по async/await (с загрузкой видео)

Node.js внешний интерфейс JavaScript Visual Studio Code ECMAScript 6 iTerm

Введение в курс

В сфере разработки программного обеспечения лаконичный код => легко читаемый код => простой в сопровождении код, а функция async/await в ES2017 позволяет писать более интуитивно и понятно, чем callback hell и вызовы Promise chain Code , ключевое слово await получает обещание и ожидает выполнения кода до тех пор, пока состояние обещания не будет разрешено или отклонено.Эта функция делает наш асинхронный код более похожим на синхронный код.

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

Для людей

  • [обязательно] Иметь базовые знания JS и уметь запускать скрипты Node.js;
  • [обязательно] Знать концепции асинхронной обработки, такие как Callback и Promise;
  • [необязательно] Ожидайте изучения новых асинхронных функций и написания более лаконичного, простого для понимания и поддерживаемого кода;
  • [необязательно] Будьте готовы постоянно совершенствовать свои навыки работы с JS, чтобы повысить свою ценность;

Каталог содержимого

1. Напишите первую функцию Async/AWAIT

Рука учит вас переписать код, который инициирует HTTP-запросы и анализирует ответ на стиль Async / a enaiq, позволяет узнать базовый синтаксис Async / ждут.

2. Используйте асинхронные функции в цепочках промисов

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

3. Преобразуйте любой тип функции в асинхронный стиль

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

4. Обработка ошибок в асинхронных функциях

В отличие от механизма обработки ошибок .catch() в Promise, в асинхронных функциях нам нужно использовать конструкции try/catch для правильной обработки ошибок.

Множество параллельно-последовательных корректно ожидающих операций обработки

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

6. Используйте Promise.all() для параллельного выполнения нескольких операций ожидания.

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

7. Комбинируйте await с любым кодом, совместимым с .then()

Оператор await не ограничен промисами ES2015. Его можно использовать с любым кодом, совместимым с методом .then(). Узнайте, как использовать его с популярными библиотеками промисов, на примерах.

8. Правильное использование циклов await in for

Понимание влияния дифференциалов AWAIT на производительность в цикле FOR и улучшенные методы.

Исходная ссылка

Репозиторий кода:wangshijun/course-javascript-async-await

Запустите метод (пожалуйста, убедитесь, что система установленаNode.js):

git clone https://github.com/wangshijun/course-javascript-async-await.git
cd course-javascript-async-await
node xxx.js

Приведенный выше xxx.js соответствует исходному коду каждого курса, список выглядит следующим образом:

  1. Напишите свою первую функцию async/await
  2. Используйте асинхронные функции в цепочках промисов
  3. Преобразование любого типа функции в асинхронный стиль
  4. Обработка ошибок в асинхронных функциях
  5. Правильно обрабатывать параллельную сериализацию нескольких операций ожидания
  6. Используйте Promise.all() для распараллеливания нескольких операций ожидания.
  7. Объединение await с любым кодом, совместимым с .then()
  8. Правильное использование цикла await in for

Рабочая среда

  • Node.js v8.6.0
  • VSCode v1.17.1 + Vim

использованная литература

скачать видео

Подпишитесь на общедоступную учетную запись WeChat «Front-end Weekly» и ответьте на курс-асинхронный-ожидание, чтобы получить адрес загрузки видеоруководства в высоком разрешении.

Не по теме

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

Категории