关于对promise的理解
2023-03-12 16:21:33
Promise是JavaScript中用于处理异步操作的对象，具有三种状态（pending、fulfilled、rejected），通过resolve和reject函数改变状态，并支持链式调用和错误处理。
核心概念
状态管理：Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。状态一旦改变，就不会再变，这种状态的变化是不可逆的。
创建Promise：通过new Promise((resolve, reject) => { ... })创建Promise实例。resolve函数用于将状态从pending变为fulfilled，reject函数用于将状态从pending变为rejected。
使用方法
then方法：Promise实例的then方法用于添加状态改变时的回调函数。第一个参数是fulfilled状态的回调函数，第二个参数是rejected状态的回调函数。then方法返回一个新的Promise实例，支持链式调用。
链式调用：通过链式调用then方法，可以指定一组按次序调用的回调函数。前一个回调函数可以返回一个Promise对象，后一个回调函数会等待该Promise对象状态变化后再被调用。
高级用法
Promise.all：接收一个Promise实例数组作为参数，返回一个新的Promise实例。只有所有Promise实例都成功，才会返回成功；只要有一个失败，就返回失败。适用于多个异步操作并行执行且需要全部成功的场景。
Promise.race：接收一个Promise实例数组作为参数，返回一个新的Promise实例。只要其中一个Promise实例状态改变，新的Promise实例就采用相同的状态和值。适用于需要竞争多个异步操作的场景，如超时处理。
实现原理
Promise.all实现：遍历参数数组，判断每个元素是否为Promise实例。如果是，则调用其then方法处理成功和失败情况；如果不是，直接处理为成功。通过计数器确保所有操作完成后统一处理结果。
Promise.race实现：遍历参数数组，将每个元素转换为Promise实例（如果不是），然后监听每个Promise的状态变化，一旦有一个状态改变，就立即返回该状态和值。
错误处理
catch方法：用于捕获Promise链中的错误，相当于then(null, rejection)的语法糖，可以统一处理链中任何环节的错误。
finally方法：无论Promise最终状态如何，都会执行finally中的回调函数，常用于清理操作。
实际应用场景
异步操作封装：将回调风格的异步操作（如文件读取、网络请求）封装为Promise，使代码更易读和维护。
并行与竞争：使用Promise.all和Promise.race处理多个异步操作的并行执行和竞争关系，提高代码效率和健壮性。
链式异步流程：通过then链式调用，实现复杂的异步流程控制，避免回调地狱。
热门标签
