Home > Article > Web Front-end > How to raise an error in an async generator function in JavaScript?

How to raise an error in an async generator function in JavaScript?

WBOYforward: 2023-08-29 08:49:021101browse

如何在 JavaScript 中的异步生成器函数中引发错误？

Code often throws errors, and handling errors is more important. JavaScript also allows users to throw custom errors using the "throw" keyword. We can catch errors in catch block.

We can use try-catch syntax to catch errors thrown by ordinary functions. Let us understand it through the following example.

Example 1 (Throwing an error in a regular function)

In the following example, we create the throwError() regular function, which throws an error with a custom error message using the throw keyword. We have executed the function inside the try block. If the function throws any error, control goes to the catch block and this is how we detect the error.

<html>
<body>
   <h3> Using the throw keyword to throw an error from the normal function </h3>
   <div id = "content"> </div>
   <script>
      let content = document.getElementById('content');
      // throw error from normal function
      function throwError() {
         throw new Error('Error from normal function');
      }
      try {
         throwError();
      } catch (e) {
         content.innerHTML = e;
      }
   </script>
</body>
</html>

If we make the throwError() function async, it will generate another error because we can use try-catch block to handle errors thrown by synchronous functions.

To resolve this issue, users must use then-catch block syntax to resolve promises.

grammar

Users can follow the following syntax to resolve errors thrown by asynchronous functions.

throwError().then((res) => {
   // print content
}).catch((err) => {
   // print error message
})

In the above syntax, throwError() is a function that returns a Promise, and we use then and catch blocks to solve this problem.

Example 2 (Asynchronous function throws an error)

In the example below, the throwError() function is an asynchronous function because we added the "async" keyword before the function keyword. We threw errors from the async function just like we would from a regular function.

After that, we use then and catch blocks to handle Promise. In the output, the user can observe that when the async function throws an error, control goes to the catch block.

<html>
<body>
   <h3> Using the <i> throw </i> keyword to throw an error from the async function </h3>
   <div id = "content"> </div>
   <script>
      let content = document.getElementById('content');
      // throw error from normal function
      async function throwError() {
         throw new Error('Error from Async function');
      }
      throwError().then((res) => {
         content.innerHTML = res;
      }).catch((err) => {
         content.innerHTML = err;
      })
   </script>
</body>
</html>

Example 3 (Throwing an error by rejecting a Promise in an asynchronous function)

We can return promises from async functions. Rejecting a promise in an async function is like throwing an error. We use the reject() method in the callback function to reject the promise.

The ‘then-catch’ block is used to resolve the promise returned by the function, and the user can see the control go to the catch block.

<html>
<body>
   <h3> Using the <i> reject </i> method to throw an error from the async function </h3>
   <div id = "content"> </div>
   <script>
      let content = document.getElementById('content');
      // throw error from normal function
      async function throwError() {
         return new Promise((resolve, reject) => {
            reject("This promise is rejected from the async function." );
         });
      }
      throwError().then((res) => {
         content.innerHTML = res;
      }).catch((err) => {
         content.innerHTML = err;
      })
   </script>
</body>
</html>

Users learned how to throw errors from async functions. Users can use the "throw" keyword to throw errors just like regular functions. Users need to use "then-catch" blocks to handle errors because async functions return Promise instead of using try-catch blocks.

The above is the detailed content of How to raise an error in an async generator function in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：How to control fps using requestAnimationFrame?Next article：How to control fps using requestAnimationFrame?

See more

How to raise an error in an async generator function in JavaScript?

Example 1 (Throwing an error in a regular function)

grammar

Example 2 (Asynchronous function throws an error)

Example 3 (Throwing an error by rejecting a Promise in an asynchronous function)

Related articles