Promise方法

Promise方法一直有在用，但是却没有怎么了解过细节，今天正好进行一次整理

三种状态

一个Promise必然处在以下三种状态之一，且一经敲定（settle）无法再修改状态

pedding

初始状态，正在处理

fulfilled

操作成功完成

rejected

操作失败

静态方法

这里仅介绍了我平常使用频率较少或者了解不全面的几个方法，如果想要查看完整方法，推荐官方教程

Promise.all

处理数组（支持且会保留非Promise值，后续无特别说明都默认支持），返回Promise，如果数组中有一个失败就会返回失败。如果成功，数组中结果值顺序会和传入数组顺序保持一致

Promise.allSettled

处理数组，返回Promise数组，会记录传入数组中每一个Promise或普通值的结果，数据结构如下：

Promise.allSettled([
  Promise.resolve(33),
  new Promise((resolve) => setTimeout(() => resolve(66), 0)),
  99,
  Promise.reject(new Error("一个错误")),
]).then((values) => console.log(values));

// [
//   { status: 'fulfilled', value: 33 },
//   { status: 'fulfilled', value: 66 },
//   { status: 'fulfilled', value: 99 },
//   { status: 'rejected', reason: Error: 一个错误 }
// ]

来自官方示例，会包含每个item的处理状态，值或是错误原因

Promise.any

处理数组，返回Promise值，记录传入数组中第一个返回fulfilled状态的结果，如果都被rejected或者传入数组为空，则会返回Error: All promises were rejected Promise字符串

Promise.race

处理数组，返回Promise值，记录传入数组中第一个被敲定（fulfilled或者是rejected）的结果。

Promise.reject

用法没什么好讲的，但是要注意：如果在reject中返回另外一个Promise，它会在其基础上再封装一层Promise，看示例：

const promise1 = Promise.reject(Promise.reject(111));

console.log(promise1)

promise1.catch(value => {
  console.log(value)
  value.catch(v => console.log(v))
})

// Logs
// [object Promise]
// [object Promise]
// 111

Promise.resolve

用法没什么好讲的，但和reject不同，这个方法如果返回另外一个Promise会直接返回另外的那个Promise而不是再封装一层，看示例：

const promise1 = Promise.resolve(Promise.resolve(111));

promise1.then((value) => {
  console.log(value);
});

// Logs
// 111

Promise.try

把一段可能是同步、也可能是异步的逻辑统一包装成 Promise。它会立即执行传入的函数，如果函数返回普通值，就返回一个 fulfilled 的 Promise；如果返回 Promise，就沿用它的结果；如果函数执行过程中抛出同步异常，则返回一个 rejected 的 Promise。

支持传参：

Promise.try(func, arg1, arg2);

比传统的写法

Promise.try(() => func(arg1, arg2));

效率更高且不易有闭包问题

实例方法

Promise.prototype.then

语法：

then(onFulfilled)
then(onFulfilled, onRejected)

// typeof onFulfilled function, (successValue) => {...}
// typeof onRejected function, (error) => {...}

Promise.prototype.finally

无论promise结果如何都会进入finally执行代码，在 finally 回调函数中抛出错误（或返回被拒绝的 promise）仍会导致返回的 promise 被拒绝。一图流：

Promise

│

▼

finally(callback)

│

├──────── callback 成功 ────────► 保留原来的结果

│

└──────── callback 失败 ────────► 使用 callback 的错误

其他

Promise 本身没有用于取消的一级协议，但你可能可以直接取消底层的异步操作，通常使用 AbortController

Promise方法

标签

文章助手

推荐文章

String方法总结

Js数组

Object常用方法

Promise方法

标签

文章助手

推荐文章

String方法总结

Js数组

Object常用方法