首页 > 文章 > web前端 > 如何在 JavaScript 中的异步生成器函数中引发错误？

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

WBOY转载: 2023-08-29 08:49:021101浏览

代码经常会抛出错误，处理错误更为重要。 JavaScript 还允许用户使用“throw”关键字抛出自定义错误。我们可以在 catch 块中捕获错误。

我们可以使用 try-catch 语法来捕获普通函数抛出的错误。让我们通过下面的例子来理解它。

示例 1（在正则函数中抛出错误）

在下面的示例中，我们创建了 throwError() 常规函数，该函数使用 throw 关键字抛出带有自定义错误消息的错误。我们已经执行了 try 块内的函数。如果函数抛出任何错误，控件将转到 catch 块，这就是我们检测错误的方式。

<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>

如果我们将 throwError() 函数设为异步，它将生成另一个错误，因为我们可以使用 try-catch 块来处理同步函数抛出的错误。

要解决该问题，用户必须使用 then-catch 块语法来解决承诺。

语法

用户可以按照以下语法来解决异步函数抛出的错误。

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

在上面的语法中， throwError() 是一个返回 Promise 的函数，我们使用 then 和 catch 块来解决这个问题。

示例 2（异步函数引发错误）

在下面的示例中， throwError() 函数是一个异步函数，因为我们在 function 关键字之前添加了“async”关键字。我们从异步函数中抛出了错误，就像从常规函数中抛出错误一样。

之后，我们使用 then 和 catch 块处理 Promise。在输出中，用户可以观察到，当异步函数抛出错误时，控制权转到 catch 块。

<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>

示例 3（通过在异步函数中拒绝 Promise 抛出错误）

我们可以从异步函数返回承诺。异步函数中的拒绝承诺就像抛出错误一样。我们在回调函数中使用了reject()方法来拒绝promise。

‘then-catch’块用于解析函数返回的promise，用户可以看到控件转到catch块。

<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>

用户学会了如何从异步函数中抛出错误。用户可以像常规函数一样使用“throw”关键字来抛出错误。用户需要使用“then-catch”块来处理错误，因为异步函数返回 Promise，而不是使用 try-catch 块来处理。

以上是如何在 JavaScript 中的异步生成器函数中引发错误？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文转载于：tutorialspoint.com。如有侵权，请联系admin@php.cn删除

上一篇：如何使用 requestAnimationFrame 控制 fps？下一篇：如何在 JavaScript 中创建 if 语句来检查变量是否等于某个单词？

查看更多