promise捕获异常的两种方式

在 JavaScript 中，可以使用 Promise.catch() 方法或者在 Promise 链中使用 try...catch 语句块来捕获异常。

1. Promise.catch() 方法：该方法用于捕获 Promise 链中的任何异常，接收一个回调函数作为参数，当 Promise 链中发生异常时会执行该回调函数。

例如：

Promise.resolve()
  .then(() => {
    throw new Error('Something went wrong!');
  })
  .catch(error => {
    console.log(error);
  });

2. 在 Promise 链中使用 try...catch 语句块：可以在 Promise 链中的任何位置使用 try...catch 语句块来捕获异常。

例如：

Promise.resolve()
  .then(() => {
    try {
      throw new Error('Something went wrong!');
    } catch (error) {
      console.log(error);
    }
  });

需要注意的是，Promise.catch() 方法和 try...catch 语句块可以结合使用，以便在 Promise 链中更好地处理异常。

相关问题

promise原理 面试

Promise 是一种 JavaScript 异步编程的解决方案。它的本质是对回调函数的封装，使得异步操作更加容易和直观。

Promise 有三种状态：Pending（等待）、Resolved（已完成）和Rejected（已失败）。当 Promise 的状态从 Pending 转变为 Resolved 或 Rejected 时，就称为 Promise 被“settled”。

Promise 的原理可以简单概括为以下几点：

1. Promise 构造函数接收一个函数作为参数，该函数包含两个参数：resolve 和 reject，分别表示 Promise 成功和失败时的回调函数。

2. Promise 有三种状态：Pending、Resolved 和 Rejected。

3. Promise 执行过程中，可以使用 then 方法注册回调函数，分别处理 Promise 成功和失败时的情况。

4. 当 Promise 被 settled 时，无法再次更改状态。

5. Promise 可以链式调用，即一个 then 方法的返回值还是一个 Promise 对象。

6. Promise 可以通过 catch 方法捕获异常。

简单来说，Promise 的原理就是把异步操作封装成一个对象，通过链式调用 then 方法来处理异步操作的结果，从而简化异步编程的过程。

try catch promise

在使用`try...catch`语句处理`Promise`时，有几种情况需要注意。引用和引用中的代码示例展示了两种情况下的不同结果。

首先，当在`new Promise`之内抛出错误并在`.catch`中捕获时，`catch`语句可以成功捕获到异常。例如，在引用中的代码示例中，`catch`语句成功捕获到了在`Promise`中抛出的错误。

然而，当在`new Promise`之后的代码中抛出错误并尝试使用`try...catch`语句捕获时，`catch`语句无法捕获到异常。在引用中的代码示例中，即使使用了`try...catch`语句，但是无法捕获到在`Promise`之后抛出的错误。

因此，根据这两个示例可以得出结论，如果在`new Promise`之后的代码中抛出错误，则无法使用`try...catch`语句捕获异常。只能通过在`Promise`内部使用`catch`方法来捕获异常。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [js中对于返回Promise对象的语句如何try catch](https://blog.csdn.net/lg993372246/article/details/115569219)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]