Прежде чем углубляться, давайте посмотрим, как запускается JavaScript.
JavaScript создан Бренданом Эйхом в 1995 году. Он объединил некоторые методы и идеи из разных языков (Java, Python, Perl и т. д.) и представил миру этот ценный язык программирования. Изначально он называется ECMAScript (ECMA — это движок). JavaScript обновляется время от времени. После введения версии ECMAScript 3 многие разработчики начали работать с java script. Наличие концепций функционального программирования и объектно-ориентированного программирования в сценарии java было причиной того, что большинство людей пытались начать разработку с помощью этого нового языка.
По сути, JavaScript — это асинхронный язык, хотя java — синхронный язык. Вот несколько примеров: Основная причина этого заключается в том, что java-скрипт выполняется с использованием одного потока. Он начинается сверху и спускается вниз; построчно. Он не заботится об операциях ввода-вывода и не ждет завершения операции. Для новичков довольно сложно понять, как java-скрипт работает асинхронно, используя функции внутри функции и работая с несколькими функциями и вызывая их. Вы можете понять это, глядя на этот пример кода.
Согласно этому примеру, мы считаем, что значения json должны быть напечатаны в первую очередь. Но вот результат:
Как мы видим здесь, JavaScript работает в другом порядке. Асинхронно он запускается со строки номер 10. Но внутри объекта json есть 2 функции. Таким образом, JavaScript не ждет, пока он завершится. Он перейдет к строке номер 17. После этого запустятся две функции. Этот пример предназначен для того, чтобы получить небольшое представление о том, как работает асинхронный метод.
Есть 3 метода, которые мы можем использовать в JavaScript. Также, используя эти методы, мы можем выполнять разные функции одновременно, и мы также сможем получить ожидаемый результат. Обратный вызов, Promises и async/await — это методы, которые мы можем использовать для запуска нашей программы, как мы ожидаем.
Обратный вызов. Функция обратного вызова работает как аргумент для другой функции. Функции JavaScript выполняются в соответствии с последовательностью их вызова; не как последовательность, которую они определяют. Метод обратного вызова поможет разработчикам комбинировать несколько функций для получения ожидаемого результата. Например:
Здесь мы можем получить вывод через 1 секунду как 2100. Мы видим, что после небольшого расчета начальное значение стало другим значением в конце. Вот как работает метод обратного вызова. Мы можем использовать любое имя вместо обратного вызова (обратный вызов не является ключевым словом).
Promise —Promise — это объект, который инкапсулирует результат асинхронной операции.
Когда необходимо подключить несколько функций, если мы используем метод обратного вызова, он увеличит длину строки кода по горизонтали, когда функция определена.
Как видно из приведенного выше примера, когда мы пытаемся соединить несколько функций вместе, нам приходится жестко кодировать каждую функцию, используя аргументы (включая аргумент обратного вызова). Итак, чтобы избежать этой ситуации, мы можем просто использовать обещания. И мы можем использовать ключевое слово «тогда» для вызова функции после определения функций.
Согласно этому примеру, промисы используют точную функцию и не увеличивают длину строки кода функции по горизонтали. В этом примере мы можем использовать несколько функций для получения вывода.
Также мы можем видеть в приведенном выше примере, что в promises передаются два аргумента. Resolve используется при отсутствии ошибок и успешном выполнении функции. Отклонение используется, когда в функции есть ошибки.
async/await — это два специальных синтаксиса для работы с промисами. Они используются при вызове функций. Вместо повторения ключевых слов «тогда» или «поймать» мы можем использовать методы async/await для вызова функций. Потому что, когда мы повторяем ключевое слово «тогда», это увеличивает длину кода (по вертикали), и если мы хотим снова и снова вызывать одни и те же функции, нам нужно жестко закодировать все. Чтобы избавиться от этой ситуации, в JavaScript есть метод async/await для выполнения этой задачи. Вышеприведенный пример мы можем изменить следующим образом:
Используя метод async/await, мы можем просто выполнить нашу задачу.
Итак, используя эти 3 метода; мы можем просто сделать нашу разработку с помощью JavaScript.
