在前端开发中，我们经常会使用一些异步操作，例如通过 Ajax 请求获取数据、在定时器中执行某些操作等等。而在 JavaScript 中，我们使用 Promise 对象来处理异步操作，而 npm 包 @npm-polymer/promise-polyfill 则为不支持 Promise 的浏览器提供了支持。本文将介绍如何使用 npm 包 @npm-polymer/promise-polyfill。
安装
在使用 npm 包 @npm-polymer/promise-polyfill 之前，需要先安装它。可以使用以下命令进行安装：
npm install @npm-polymer/promise-polyfill
使用
安装完毕之后，就可以在项目中引入并使用 @npm-polymer/promise-polyfill 了。
CommonJS
如果你使用的是 CommonJS 规范，可以使用以下代码引入 @npm-polymer/promise-polyfill：
var Promise = require('@npm-polymer/promise-polyfill');ES6 模块
如果你使用的是 ES6 模块化规范，可以使用以下代码引入 @npm-polymer/promise-polyfill：
import Promise from '@npm-polymer/promise-polyfill';
全局变量
如果你需要全局使用 Promise，可以使用以下代码：
<script src="./node_modules/@npm-polymer/promise-polyfill/dist/polyfill.min.js"></script>
Promise.resolve()
Promise.resolve() 方法返回一个以给定值解析后的 Promise 对象。如果该值是一个 Promise 对象，则直接返回该 Promise；否则，返回一个新的 Promise 对象，该 Promise 对象的状态为 resolved。
例如，以下代码将返回一个 Promise 对象，该 Promise 对象的状态为 resolved，值为 42：
Promise.resolve(42)
.then(function(value) {
console.log(value); // 42
});Promise.reject()
Promise.reject() 方法返回一个被拒绝的 Promise 对象，该 Promise 对象的拒因为传入的参数。
例如，以下代码将返回一个 Promise 对象，该 Promise 对象的状态为 rejected，拒因为一个 Error 对象：
Promise.reject(new Error('error'))
.catch(function(error) {
console.error(error); // Error: error
});Promise.all()
Promise.all() 方法接受一个 Promise 数组作为参数，返回一个新的 Promise 对象，该 Promise 对象在所有 Promise 对象都成功解析后才会成功解析，且返回的值为一个数组，包含所有 Promise 对象解析后的值。
例如，以下代码将返回一个 Promise 对象，该 Promise 对象的状态为 resolved，值为一个数组，其中包含三个 Promise 对象解析后的值：
Promise.all([
Promise.resolve(1),
Promise.resolve(2),
Promise.resolve(3)
])
.then(function(values) {
console.log(values); // [1, 2, 3]
});Promise.race()
Promise.race() 方法接受一个 Promise 数组作为参数，返回一个新的 Promise 对象，该 Promise 对象在其中任意一个 Promise 对象解析或拒绝时解析或拒绝。
例如，以下代码将返回一个 Promise 对象，该 Promise 对象的状态为 resolved，值为 1：
-- -------------------- ---- -------
--------------
-------------------
--- ------------------------- ------- -
--------------------- -
-----------
-- ------
--
--
--------------------- -
------------------- -- -
---总结
通过本文，我们了解了 npm 包 @npm-polymer/promise-polyfill 的使用方法，并学习了 Promise 常用的几个方法。在实际项目中，我们经常会需要使用 Promise 解决异步操作的问题，而 @npm-polymer/promise-polyfill 则为不支持 Promise 的浏览器提供了支持。希望本文对大家学习和使用 @npm-polymer/promise-polyfill 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ff381e8991b448ddbb9