随着 JavaScript 语言的不断发展，Promise 成为了管理异步操作的一个重要工具。但并不是所有的浏览器都原生支持 Promise，这就需要我们使用 polyfill 来兼容这些浏览器。
在这篇文章中，我们将介绍一个 npm 包 promise-polyfill-ts，它是一个 TypeScript 的 Promise polyfill 库，支持各种浏览器和 Node.js 环境。
安装
使用 npm 进行安装：
npm install promise-polyfill-ts --save
在 TypeScript 中，我们需要将库的类型定义一并安装：
npm install -D @types/promise-polyfill-ts
使用
基本用法
在你的 TypeScript 项目中导入 Promise 类即可：
-- -------------------- ---- ------- ------ - ------- - ---- ---------------------- ----- ------- - --- ------------------------- ------- -- - -- --------- --- -------------------- ------- -- - -- ----------- ----------------- ---- -- - -- ---------- ---
静态方法
Promise 类还提供了一些静态方法，可以方便地进行 Promise 相关的操作。
Promise.all
Promise.all 方法接受一个 Promise 数组作为参数，返回一个 Promise，当所有 Promise 都完成时，该 Promise 的状态才会改变。它的参数是一个由 Promise 组成的数组，它等待所有 Promise 都 resolved 之后，返回所有 Promise 的结果数组。
示例代码：
Promise.all([Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)])
.then((results: number[]) => {
// results 数组为 [1, 2, 3]
})
.catch((e: any) => {
// 当任意一个 Promise 被 rejected 时，会将该 Promise 的reason 传入 catch 中
});Promise.race
Promise.race 方法同样接受一个 Promise 数组作为参数，返回一个 Promise。它的特殊之处在于它只要有一个 Promise resolved 或者 rejected，该方法就会返回，不会等待其他 Promise 的状态改变。
示例代码：
Promise.race([Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)])
.then((result: number) => {
// result 为 1，因为它是数组中第一个 resolved 状态的 Promise 的返回值
})
.catch((e: any) => {
// 当任意一个 Promise 被 rejected 时，会将该 Promise 的reason 传入 catch 中
});Promise.reject
Promise.reject 方法直接返回一个 rejected 状态的 Promise。
示例代码：
Promise.reject(new Error('reason'))
.catch((e: Error) => {
console.error(e.message); // 输出 'reason'
});Promise.resolve
Promise.resolve 方法直接返回一个 resolved 状态的 Promise。
示例代码：
Promise.resolve('value')
.then((value: string) => {
console.log(value); // 输出 'value'
});在浏览器中使用
promise-polyfill-ts 自带 CommonJS、ES6 两种类型的模块代码，你可以直接将它们放在你的项目中使用。
在浏览器中使用时，你需要在页面中引入 Promise 的 polyfill 文件：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ------------
-------
------
------- ------------------------------------------------------------------------
------- --------------------------
-------
-------结论
promise-polyfill-ts 是一个非常方便易用的 Promise polyfill 库，它支持 TypeScript 和各种浏览器以及 Node.js 环境，当你在开发项目时需要使用 Promise 时，不妨将它添加到你的项目中尝试一下吧！
参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067357890c4f7277583d8b