在使用 Babel 编译 ES6 模块时，常常会遇到 Promise 的问题。本文将介绍这些问题以及解决方案，并且提供示例代码。
问题
问题一：Promise 未定义
当我们使用 Babel 编译 ES6 模块时，有时候会遇到 Promise 未定义的问题。这是因为在 ES6 中，Promise 是一个新的全局对象，而在一些老的浏览器中并不支持它。因此，我们需要引入 Promise 的 polyfill。
问题二：Promise.then 中的 this 丢失
在使用 Promise.then 时，有时候会遇到 this 丢失的问题。这是因为在 Promise.then 中，this 指向的是全局对象而不是当前对象。因此，我们需要使用箭头函数来解决这个问题。
解决方案
解决方案一：引入 Promise 的 polyfill
我们可以使用 es6-promise 这个库来引入 Promise 的 polyfill。这个库的使用非常简单，只需要在项目中引入：
import 'es6-promise/auto';
这样就可以解决 Promise 未定义的问题了。
解决方案二：使用箭头函数
我们可以使用箭头函数来解决 Promise.then 中的 this 丢失问题。箭头函数会将 this 绑定到当前对象，因此可以避免 this 丢失的问题。示例代码如下：
-- -------------------- ---- -------
----- ------- -
------------- -
----------------- - ----- -------
-
------------ -
------ --- ----------------- ------- -- -
-- ---- ------------ ---------
----------
---------- -- -
------------------------------- -- ----- ------
---
-
-总结
在使用 Babel 编译 ES6 模块时，可能会遇到 Promise 的问题。我们可以通过引入 Promise 的 polyfill 和使用箭头函数来解决这些问题。这些解决方案可以帮助我们更好地使用 Promise，并且提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65da71ac1886fbafa47b66e2