promise(A).catch(f1).then(f2),f1执行后f2会执行吗，为什么？_js教程

promise(A).catch(f1).then(f2),f1执行后f2会执行吗，为什么？

2024-04-08 15:27海燕技术栈 js教程

在使用 JavaScript 进行 HTTP 请求时，可以通过 XMLHttpRequest 对象的 getResponseHeader() 方法来获取响应头中的 Location 字段，或者通过浏览器的开发者工具查看网络请求的响应头。

前言

习惯性刷刷面经，习惯性记录，现在找工作真的卷。有换工作的还是要提前准备，建议骑驴找马，别裸辞。最近也是刚入职一家新公司，感觉入坑了，一言难尽。

分享几个小问题：

promise(A).catch(f1).then(f2),f1执行后f2会执行吗？

在这种情况下，如果 f1 被调用并且返回一个 rejected 状态的 Promise，那么 f2 将会执行。这是因为 .catch() 方法返回的是一个新的 Promise，它会等待原始 Promise（即 A）解决或拒绝，然后根据 A 的状态来决定它自己的状态。

更详细地解释一下：

如果 Promise A 被拒绝，并且 f1 被调用处理了这个拒绝状态，那么 f1 的返回值将成为新的 Promise 的解决值（resolved value），这个新的 Promise 将会变成 resolved 状态。
无论 f1 的处理结果如何，接下来紧跟在 .catch(f1) 后的 .then(f2) 都将会执行，因为它会等待前一个 Promise（即 A 或 f1 返回的 Promise）的状态。如果前一个 Promise 是 resolved 状态，那么 f2 就会被调用；如果是 rejected 状态，同样 f2 也会被调用。

因此，即使 f1 处理了原始 Promise A 的拒绝状态，接下来的 .then(f2) 仍然会执行。这是因为 .catch() 返回的新 Promise 是 resolved 状态，而不管它是由于原始 Promise A 的状态，还是由于 f1 的处理。

promise执行顺序当涉及到 Promise 的执行顺序和原理时，我们需要理解 Promise 的异步特性以及其内部机制。下面是 Promise 的执行顺序和原理的一些关键点：

Promise 的状态：

Promise 对象有三种状态：pending（进行中）、fulfilled（已完成）和rejected（已拒绝）。

初始状态是 pending，然后可能转变为 fulfilled 或 rejected。

执行顺序：

当一个 Promise 被创建并执行时，它处于 pending 状态。

Promise 的执行顺序与 JavaScript 事件循环（Event Loop）密切相关。

当 Promise 的状态发生改变时（即由 pending 变为 fulfilled 或 rejected），将调用相关的处理函数（.then() 或 .catch()）来处理结果。

原理：

Promise 的构造函数接受一个函数作为参数（通常称为执行器函数），该函数在 Promise 被创建时立即执行。

执行器函数接受两个参数：resolve 和 reject，分别用于将 Promise 的状态从 pending 转变为 fulfilled 或 rejected。

在执行器函数中，通过调用 resolve(value) 将 Promise 的状态改变为 fulfilled，并传递一个解析值（resolved value）；通过调用 reject(reason) 将 Promise 的状态改变为 rejected，并传递一个拒绝原因（rejection reason）。

.then() 方法用于注册 Promise 成功状态的回调函数，.catch() 方法用于注册 Promise 失败状态的回调函数。

.then() 和 .catch() 方法返回一个新的 Promise，因此可以进行链式调用。