ES6中Settled和Rejected状态的Promise有何不同？

ES6中的Promise是处理异步操作的一种模式，它比以前的回调函数更加合理和强大。Promise对象仅有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。它们在状态定义、状态转换以及错误处理等方面存在区别。具体分析如下：

文末有我帮助400多位同学成功领取到前端offer的场景题哦

1. 状态定义
   1. Settled：Promise的状态为fulfilled时，表示其异步操作已经成功完成。如果状态为rejected，则表示异步操作失败。当Promise不再处于pending状态，即变为fulfilled或rejected时，它可以被认为是Settled[²]。
   2. Rejected：特指那些异步操作未能成功完成的Promise。一旦Promise被标记为rejected，就意味着发生了错误或者操作未能如预期那样执行。
2. 状态转换
   1. Settled：一旦Promise从pending状态转变为fulfilled或rejected，它就会进入Settled状态。此时，该Promise就不会再改变状态了。
   2. Rejected：仅当Promise无法成功完成其异步操作时，其状态才会从pending变为rejected。
3. 错误处理
   1. Settled：可以使用.then()方法处理fulfilled状态的结果，使用.catch()方法捕捉rejected状态的错误。此外，Promise.allSettled()允许你获取所有Promise的结果，无论它们是fulfilled还是rejected[³]。
   2. Rejected：通常通过链式调用中的.catch()方法来处理rejected状态下的错误。如果在Promise链中没有对应的.catch()处理器，那么这个错误将会向上冒泡，直到被外层的.catch()捕获或者导致程序崩溃。
4. API使用
   1. Settled：Promise.allSettled()方法可以用来处理一组Promise，无论它们是fulfilled还是rejected，都能得到每一个Promise的最终状态[³]。
   2. Rejected：Promise.all()和Promise.race()等方法在处理一组Promise时，如果遇到任何一个rejected状态的Promise，将会导致整个返回的Promise变为rejected状态[²]。
5. 用例场景
   1. Settled：当你需要等待多个异步操作全部完成，并关心每个操作的结果时，可以使用Promise.allSettled()。这在数据校验、并行请求等多个独立操作的场景中非常有用。
   2. Rejected：当你有一系列相互依赖的异步操作，且任何一个操作失败都会导致整个流程失败时，你可能会更关注rejected状态的Promise。

针对上述分析，提出以下几点建议：

• 在编写代码时应确保对Promise的rejected状态进行了恰当的处理，避免未捕获的rejected Promise导致程序异常。
• 利用Promise.allSettled()可以方便地处理多个独立异步操作的结果，无论是成功还是失败。
• 考虑到代码的可读性和可维护性，推荐使用async/await语法与Promise结合，以简化异步代码的结构。

总的来说，Settled是一个包含fulfilled和rejected两种状态的统称，而rejected只是其中一种特定的失败状态。理解这两种状态的区别对于有效地使用Promise和编写健壮的异步代码至关重要。在实际开发中，应当根据不同的业务场景选择合适的Promise方法，并妥善处理各种可能的状态变化，以确保程序的稳定性和可靠性。

• 堪称2024最强的前端面试场景题，让421人成功拿到offer