(This article written with the assistance of GitHub copilot AI.)<\/p>\n\n\n\n
async <\/em><\/strong>and await <\/em><\/strong>are keywords in JavaScript that allow you to write asynchronous code in a more readable and concise way. They are based on promises, which are objects that represent the outcome of an asynchronous operation.<\/p>\n\n\n\n To use async and await, you need to declare a function with the async keyword, like this:<\/p>\n\n\n\n This means that the function will always return a promise, even if the return value is not a promise itself. For example, this function returns a promise that resolves to 1:<\/p>\n\n\n\n Inside an async function, you can use the await keyword to pause the execution until a promise is settled, and then resume it with the promise result. For example, this function waits for one second and then returns \u201cdone!\u201d:<\/p>\n\n\n\n You can call an async function like any other function, but you need to use the .then method or another async function to get the result. For example, this code prints \u201cdone!\u201d after one second:<\/p>\n\n\n\n Or, you can use another async function with await:<\/p>\n\n\n\n Using async and await can make your code more readable and easier to follow, especially when you have multiple asynchronous operations that depend on each other. You can also use try\/catch blocks to handle errors in async functions, instead of using .catch methods on promises.<\/p>\n\n\n\n If you want to learn more about async and await, you can check out these resources:<\/p>\n\n\n\n Learn more<\/p>\n\n\n\n 1 javascript.info<\/a><\/p>\n\n\n\n 2 developer.mozilla.org<\/a><\/p>\n\n\n\n 3 sitepoint.com<\/a><\/p>\n\n\n\nasync function demoAsyncAwait() {\n \/\/ some code\n}\n<\/code><\/pre>\n\n\n\nasync function demoAsyncAwait() {\n return 1;\n}\n<\/code><\/pre>\n\n\n\nasync function demoAsyncAwait() {\n let promise = new Promise((resolve, reject) => {\n setTimeout(() => resolve(\"done!\"), 1000);\n });\n\n let result = await promise; \/\/ wait until the promise resolves\n return result; \/\/ \"done!\"\n}\n<\/code><\/pre>\n\n\n\ndemoAsyncAwait().then(console.log); \/\/ \"done!\"\n<\/code><\/pre>\n\n\n\nasync function main() {\n let result = await demoAsyncAwait(); \/\/ get the result of the async function\n console.log(result); \/\/ \"done!\"\n}\n\nmain();\n<\/code><\/pre>\n\n\n\n\n