ES6 Promise 是 JavaScript 中常用的异步编程解决方案之一。它提供了一种更加优雅、易于理解和管理的方式来处理异步操作，而且能够有效地避免回调地狱的问题。但是，ES6 Promise 并未得到所有浏览器的支持。因此，我们需要使用 Polyfill 来填补这个空缺。
本文将介绍如何使用 Babel 和 Polyfill 来正确地转译 ES6 Promise，并提供一些示例代码和指导意义。
Babel 的使用
Babel 是一个开源的 JavaScript 编译器，支持将 ES6 代码转换成 ES5 代码。使用 Babel，我们可以在目前不支持 ES6 的浏览器上运行我们的代码。
Babel 的使用非常简单，我们只需要安装 Babel 并在项目中使用 Babel 转出我们想要的代码即可。
我们可以通过以下步骤来安装 Babel：
- 安装 Node.js：https://nodejs.org
- 打开终端并进入项目文件夹
- 输入以下命令安装 Babel：
$ npm install @babel/cli @babel/core --save-dev
Polyfill 的使用
Polyfill 是一种 JavaScript 库，它为不支持新特性的浏览器提供了类似的实现。在本文中，我们将使用 core-js 这个 Polyfill 库来实现 ES6 Promise。
我们可以通过以下步骤来安装 core-js：
- 在终端中进入项目文件夹
- 输入以下命令安装 core-js：
$ npm install core-js --save
然后，在需要使用 Promise 的脚本中，我们需要使用以下代码进行引入：
import "core-js/stable"; import "regenerator-runtime/runtime";
这些代码将会添加所需的 Polyfill，以便我们的代码在不支持 Promise 的浏览器中运行。
示例代码
下面是一个使用了 ES6 Promise 的示例代码：
-- -------------------- ---- -------
----- --------- - ----- --- -- -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- --- -
--------------------- -- ----- ----- ---------------
-
--为了在不支持 Promise 的浏览器中运行代码，我们需要在代码顶部使用 Polyfill，并添加所需的依赖：
-- -------------------- ---- -------
------ -----------------
------ ------------------------------
----- --------- - ----- --- -- -
--- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
- ----- --- -
--------------------- -- ----- ----- ---------------
-
--结论
通过使用 Babel 和 Polyfill，我们可以将 ES6 Promise 代码转换为 ES5 代码，并使其在不支持 Promise 的浏览器中运行。这样，我们就可以将最新的 JavaScript 特性用于我们的项目中，而无需担心它是否能够正常工作。
在进行 ES6 编程时，请确保使用了正确的构建工具和 Polyfill，以实现最佳的跨浏览器体验，并最大限度地减少兼容性问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6751e6f58bd460d3ad8f75bc