ES7 中引入了 async/await 这种更加优雅的异步编程方式，它允许我们以同步的方式编写异步代码，并且比传统的 Promise 更加易读易维护。但是，当你在使用 async/await 时，有可能会遇到以下错误：
-------- --------------- ------- -- --- -------
这是因为 async/await 是基于 Promise 的，而某些浏览器或 Node.js 版本不支持 Promise。那么，如何解决这个问题呢？这篇文章将向你讲解一些解决方案。
解决方案
引入 Polyfill
Polyfill 是一种用于填充浏览器或 Node.js 功能不足的代码，以达到兼容性的目的。对于 Promise，我们可以使用 babel-polyfill 或 core-js 两个库进行 Polyfill。
babel-polyfill
babel-polyfill 是 babel 的一个插件，它在应用启动时自动插入 Polyfill 代码。使用 babel-polyfill 的方式如下：
- 安装 babel-polyfill：
--- ------- -------------- ------
- 在入口文件的顶部引入 babel-polyfill：
------ -----------------
core-js
core-js 是一个功能完备的 Polyfill 库，它提供了大量 JavaScript 标准库的 Polyfill。使用 core-js 的方式如下：
- 安装 core-js：
--- ------- ------- ------
- 在入口文件的顶部引入 core-js：
------ ----------
使用 Promise Polyfill
对于某些情况下无法使用 Polyfill 的情况（例如在某些老旧的浏览器中），我们可以手动引用一个 Promise Polyfill。下面是一些常用的 Promise Polyfill：
- es6-promise
- native-promise-only
- bluebird
es6-promise
es6-promise 是一个符合 Promises/A+ 规范的 Polyfill 库。使用 es6-promise 的方式如下：
- 安装 es6-promise：
--- ------- ----------- ------
- 在入口文件的顶部引入 es6-promise：
------ -------------------
native-promise-only
native-promise-only 是一个非常小的、仅支持 Promise 的 Polyfill。使用 native-promise-only 的方式如下：
- 安装 native-promise-only：
--- ------- ------------------- ------
- 在入口文件的顶部引入 native-promise-only：
------ ------- ---- ----------------------
bluebird
bluebird 是一个功能非常强大的 Promise 库，并且提供了一些方便的工具方法。使用 bluebird 的方式如下：
- 安装 bluebird：
--- ------- -------- ------
- 在入口文件的顶部引入 bluebird：
------ ------- ---- -----------
示例代码
-- -- ------- -------------- ----------- ------ ------------------- ----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ ----- - --------------------- -- -------------------
以上代码演示了如何使用 async/await 发起一个 HTTP 请求，并将响应 JSON 解析为对象。为了确保 Promise 可用，我们引入了 es6-promise 的 Polyfill。
总结
以上就是解决 ES7 中使用 async/await 时出现 Promise not defined 的错误的方案。我们可以使用 Polyfill、Promise Polyfill 以及 Promise 库来确保 Promise 可用。希望这篇文章对你有帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64fd0f8795b1f8cacdcb74bd