JavaScript中如何正确使用Promise并避免常见错误？

本文共计2087个文字，预计阅读时间需要9分钟。

Promise 描述：Promise 是 JavaScript 中内置的标准对象，用于表示异步操作的最终状态（成功或失败）及其结果。它允许你将异步操作的结果与后续代码连接起来，从而简化异步编程。通过 Promise，你可以将异步操作的结果传递给多个处理函数，而无需使用回调函数，从而提高代码的可读性和可维护性。

一、promise描述

promise是javascript中标准的内置对象，用于表示一个异步操作的最终状态（是失败还是成功完成）及其结果值。它让你能够把异步操作最终成功或者失败的原因和响应的处理程序相关联，也就是说通过promise你可以自定义异步操作结束后该做什么。这样的话异步方法就和同步方法很类似，也有返回值，只不过这个返回值不是立即返回最终的值，而是返回一个promise，当promise的状态发生改变时，就会触发相应的处理程序。

一个promise无论什么时候都必然处于以下几种状态：1、待定(pending) 2、已兑现(fulfilled) 3、已拒绝(rejected)

promise创建之初是待定状态,它既咩有被兑现也咩有被拒绝，它用于包装还没有被添加promise支持的函数，包装后的函数变成异步操作函数，当操作结束时，会有两个两个分支，一个是已兑现，一个是已拒绝，如下图。已兑现状态的promise会调用后续的then方法，而已拒绝状态的promise既可以调用then方法，也可以被catch方法捕捉到。为什么then方法可以捕捉两个状态的promise呢？这里先不讲，下面再详细介绍。