在现代Web开发中，使用异步编程成为必不可少的一部分。使用Promise可以使得异步编程更加优雅且易于理解。
然而，对于一些老版本的浏览器，可能不支持Promise。为了解决这个问题，我们可以使用@ephox/wrap-promise-polyfill 这个NPM包来兼容老版本浏览器，同时又能让代码中使用Promise。
安装
安装该npm包，可以使用npm或yarn进行安装。
npm install @ephox/wrap-promise-polyfill
或者
yarn add @ephox/wrap-promise-polyfill
使用
使用@ephox/wrap-promise-polyfill非常简单，它的API与你平时使用Promise的API是一致的。
const Promise = require('@ephox/wrap-promise-polyfill')
const myPromise = new Promise((resolve, reject) => {
// ... 继续Promise的编写
})也可以使用ES6的语法，直接导入。
import Promise from '@ephox/wrap-promise-polyfill'
const myPromise = new Promise((resolve, reject) => {
// ... 继续Promise的编写
})原理
@ephox/wrap-promise-polyfill 的实现原理有些玄学。它会先检查浏览器是否原生支持Promise，如果是，则直接返回原生Promise对象。如果浏览器不支持Promise，它会创建一个“伪造”的Promise对象，然后在对应的回调中使用setTimeout来实现异步操作。
虽然说这种实现并不是完全的Promise标准实现，但是能够达到Promise的基本目的——优化异步编程的方法。
示例代码
下面我们来看看一段使用 @ephox/wrap-promise-polyfill来封装XMLHttpRequest的示例代码。
-- -------------------- ---- -------
------ ------- ---- ------------------------------
------ -------- ---------- -
------ --- ----------------- ------- -- -
----- --- - --- ----------------
---------------------- - ---------- -
-- --------------- --- -- -
-- ----------- --- ---- -
-------------------------
- ---- -
----------------------
-
-
-
----------- - ---------- -
----------------------
-
--------------- ----
----------
--
-在上面的代码中，我们使用@ephox/wrap-promise-polyfill来创建Promise对象，如同平时使用原生的Promise一样。假如浏览器不支持Promise，它就会使用setTimeout来模拟异步操作。
总结
使用@ephox/wrap-promise-polyfill可以更好地支持老版本的浏览器，同时也可以让我们的项目代码更加简洁易懂。在具体使用时，只需要按照其API进行操作即可。值得一提的是，它的实现原理也很有意思，可以思考一下如果你要自己实现Promise，你会怎么做？
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f420ceadbf7be33b25672c7