{"id":153210,"date":"2019-01-23T13:20:34","date_gmt":"2019-01-23T13:20:34","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=153210"},"modified":"2019-01-23T13:20:34","modified_gmt":"2019-01-23T13:20:34","slug":"asynchronous-functions-in-javascript","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/asynchronous-functions-in-javascript\/","title":{"rendered":"Asynchronous functions in Javascript"},"content":{"rendered":"

I this tutorial, I will discuss a brief about the async function in javascript. Recently I was working on a project where I met the requirement of the asynchronous functions in jquery and I am sharing that experience here. Before discussing the asynchronous functions let us see what do we mean by synchronous.<\/p>\n

Synchronous Code:\u00a0<\/strong>
\nSynchronous code or synchronous programming means in sequence i.e statements execute in sequence. Each statement is executed one after the other i.e, a statement has to wait before the other one is finished. If you have three lines of code line1, line2, and line3, then line3 cannot execute until line2 has finished executing and line2 cannot execute until line1 has finished.<\/p>\n

Example:<\/p>\n

function synchronous_functions() {\r\n   function1();\r\n\u00a0 \u00a0function2();\r\n\u00a0 \u00a0function3();\r\n}<\/pre>\n
In the above example, function1 will be executed before function2 and function2 before fucntion3. The execution will start from top to bottom.<\/p>\n
 <\/p>\n
Asynchronous Code(Async):
\n<\/strong>Asynchronous code or asynchronous programming means in not in sequence i.e statements may not execute in sequence.\u00a0Generally, we use asynchronous code to perform time-consuming operations. Async is the latest addition to the jquery.
\nAsync\/await is a new syntax that allows us to compose Promises as though they were just normal synchronous functions without callbacks. It’s a fantastic addition to the Javascript language, added in 2017\u00a0 in Javascript ES7, and can be used to simplify pretty much any existing JS application.<\/p>\n
The unique keyword is async before every declaration. Here is the following syntax:<\/p>\n