在前端开发中，使用 Promise 是非常常见的。但有时候我们需要对多个 Promise 进行处理，或者需要在 Promise 中添加超时和取消等处理，这时候就可以使用 npm 包 promise.extra。
简介
promise.extra 是一个 Promise 的增强库，提供了一些常用的 Promise 处理函数，如超时、取消、同时运行多个 Promise 等。它能够帮助我们更方便地对 Promise 进行处理，并降低代码的复杂度。
安装
你可以通过 npm 安装 promise.extra：
npm install promise.extra
使用
在使用 promise.extra 之前，我们需要先引入它：
const Promise = require('promise.extra');超时处理
如果我们需要对一个 Promise 设置超时时间，可以使用 Promise.timeout(ms) 函数。它会返回一个新的 Promise，在指定时间内如果原始 Promise 没有 resolve 或 reject，则超时并返回错误信息。
// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
// ...
});
promise.timeout(5000) // 5秒内未完成则超时
.then(result => {
console.log(result);
})
.catch(error => {
console.error(error);
});取消处理
如果我们需要在某些条件下取消 Promise 的执行，可以使用 Promise.cancellation() 函数。它会返回一个对象，其中包含了一个新的 Promise 和一个 cancel 方法。当调用 cancel 方法时，可以取消掉原始 Promise 的执行。
// www.javascriptcn.com code example
const { promise, cancel } = Promise.cancellation((resolve, reject) => {
// ...
});
promise.then(result => {
console.log(result);
}).catch(error => {
console.error(error);
});
// 取消 Promise 的执行
cancel();同时运行多个 Promise
如果我们需要同时运行多个 Promise，并在所有的 Promise 完成后执行某些操作，可以使用 Promise.allSettled(promises) 函数。它会返回一个新的 Promise，在所有的 Promise 都完成后 resolve，并将每个 Promise 的状态和结果作为一个对象返回。
// www.javascriptcn.com code example
const promises = [
new Promise((resolve, reject) => setTimeout(() => resolve('A'), 1000)),
new Promise((resolve, reject) => setTimeout(() => resolve('B'), 2000)),
new Promise((resolve, reject) => setTimeout(() => resolve('C'), 3000)),
];
Promise.allSettled(promises)
.then(results => {
console.log(results); // [{ status: 'fulfilled', value: 'A' }, { status: 'fulfilled', value: 'B' }, { status: 'fulfilled', value: 'C' }]
})
.catch(error => {
console.error(error);
});除了 Promise.allSettled，还有其他一些函数可以同时运行多个 Promise，如 Promise.any 和 Promise.race 等，具体使用方法可以查看官方文档。
结语
promise.extra 是一个非常实用的 Promise 增强库，可以帮助我们更方便地处理 Promise，并提高代码的可读性和可维护性。在实际开发中，建议多加利用它的功能，提高自己的开发效率。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/54585