Promise 是 ES6 异步编程新标准的一部分，其在解决异步编程中回调地狱的问题上占有重要作用。它是一个对象，表示一个异步操作的最终完成或失败。
但是在低版本的浏览器中，Promise 并没有被完全支持，这样就导致了一些兼容性问题。本文将介绍如何解决这些问题，并提供一些示例代码。
问题描述
在低版本浏览器中，调用 Promise 的时候会抛出一个错误。但是我们可以通过 Polyfill 的方式来解决这个问题，并让代码在低版本浏览器中兼容。
解决方案
使用 polyfill
Polyfill 的作用是让不支持某些新特性的浏览器支持这些特性，通过加载一些 JavaScript 动态改写前端代码的方式实现。
下面是一个简单的 Polyfill 代码示例：
if (!window.Promise) {
window.Promise = Promise;
}但是这个 Polyfill 只是对 Promise 表示支持，还不具备 Promise 的功能。我们需要使用 es6-promise 这个库来实现 Promise 的功能。
在引入 es6-promise 这个库之后，我们就可以让代码在低版本浏览器中兼容 Promise 了。具体使用方法如下：
-- -------------------- ---- -------
-- -- -----------
------ -------------------
-- -- -------
--- ------------------------- ------- -
-- ---
-------------------
-- ---
------------------- -
-- ---
---处理 polyfill 引入顺序
在开发应用时，如果直接引用 es6-promise 库或在依赖中使用了这个库，可能会出现 Promise 异步编程在低版本浏览器中的错误。
解决这个问题的一种方法是，在 webpack 的配置文件的 entry 中添加 Promise 的 polyfill:
entry: {
app: ['babel-polyfill', './src/main.js']
}这样的话，在 webpack 打包的时候，它将在 es6-promise 之前先引入 babel-polyfill，以保证 Promise 的兼容性。
封装 Promise
我们也可以封装 Promise 对象以适应项目的具体需求。 以下是一个基本的 Promise 封装示例：
-- -------------------- ---- -------
------ -------------------
------ ----- ------- - ------------- ------- -
------ --- ----------------- ------- -- -
---------- -------
-------------- -- -
-- ------------- -
---------------
------------ -- -
----------------
-------------- -- -
--------------
---
- ---- -
------------
-
-------------- -- -
--------------
---
---
--结论
通过这篇文章，我们了解了如何解决低版本浏览器中的 Promise 异步编程的兼容性问题。我们也学习了如何使用 Polyfill 和 es6-promise 这些工具来解决这个问题。同时我们还了解了一些封装 Promise 的技巧，以便于针对项目特定的需要进行定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/670ce4685f551281025bf47a