在现代的 Web 开发中，Promise 已经成为了 JavaScript 中处理异步操作的标准方案。但是，当我们需要在 IE11 浏览器上运行时，就需要考虑兼容性问题。IE11 不支持 Promise，会导致代码报错，所以需要对 Promise 进行兼容处理。
Promise 简介
Promise 是用于处理异步操作的对象，它可以将异步操作转换为同步操作，以便我们更好地控制代码执行流程。Promise 对象有三种状态，分别是 Pending（进行中）、Resolved（已完成）和 Rejected（已失败），通过该对象可以将异步操作的结果和状态传递给其他地方进行处理。
Promise 对象通常由 new Promise() 方法创建，该方法返回一个 Promise 对象。
用 Promise 执行异步操作时，我们可以将异步操作封装在 Promise 中，通过 Promise 实例返回异步操作的结果。在 Promise 对象内部，我们可以通过 Promise 的两个回调函数 resolve() 和 reject() 将异步操作的结果状态传递出去，并将结果传递给 Promise 对象。
在 IE11 浏览器中，我们需要使用 es6-promise 库来兼容 Promise。es6-promise 库是一个标准的 Promise 实现，支持符合 Promise/A+ 规范的所有功能，包括链式调用、异步调用、传递值等。使用该库，可以在 IE11 浏览器上愉快地使用 Promise。
安装和使用 es6-promise
前往官方网站 https://github.com/stefanpenner/es6-promise 下载代码，在自己的项目中引入代码。可以通过以下命令安装：
npm install es6-promise --save
使用 es6-promise 可以很简单，只需要在使用 Promise 的代码之前引入库，如下所示：
<script src="es6-promise.min.js"></script>
使用 Promise with then
-- -------------------- ---- ------- -------- ------------------- - ------ --- ----------------- ------- -- - -- -------- ------------- -- - -------------- --------- -- ------ --- - ----------------------------------------- ------------ -- - --------------------- ------ -- -------------- -- - --------------------- ------- ---展开代码
使用 Promise with async/await
-- -------------------- ---- ------- ----- -------- ------------ - --- - ----- -------- - ----- ----------- ----- ---- - ----- ---------------- ------ ----- - ----- ------- - ----- ------ - -- ---------------------------------- ------------ -- - --------------------- ------ -- -------------- -- - --------------------- ------- ---展开代码
总结
Promise 是 JavaScript 中处理异步操作的标准方案，但在 IE11 浏览器中不支持。为了在 IE11 浏览器上兼容 Promise，可以使用 es6-promise 库，该库是一个符合 Promise/A+ 规范的实现，支持链式调用、异步调用、传递值等。在使用 es6-promise 库时，只需要在使用 Promise 的代码之前引入库即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/653fc8c47d4982a6eb958ed5
