在前端开发过程中，我们经常需要使用到 Promise，而在某些老旧浏览器中并不支持 Promise，这就会导致代码的兼容性问题。这时就需要使用 polyfill 来解决这个问题。本文介绍的是一个很好的 polyfill 包，即 sketch-polyfill-promise。
什么是 polyfill
Polyfill 是一种代码，通过在旧版浏览器中实现新的 API，能够让你使用新特性，而不必考虑那些不支持它的旧版浏览器。这些代码配合特性检测一起使用，会自动检查浏览器是否原生支持某个特性，如果不支持则注入对应的 polyfill，以保证该特性在浏览器中正确的实现和运行。
sketch-polyfill-promise 是什么
sketch-polyfill-promise 是一个 Promise 的 polyfill 包，它的实现基于 ECMAScript 2015 标准的规范（即 whatwg-fetch 包）。它具有以下特性：
- 符合 Promise A+ 规范
- 压缩后只有 2KB 的体积，非常小巧
- 支持浏览器环境和 node.js 环境
- 可以直接在项目中使用，不需要引入其他依赖
如何使用 sketch-polyfill-promise
使用方式非常简单，只需要在项目中引入 sketch-polyfill-promise 包，然后在需要使用 Promise 的地方直接使用即可：
import 'sketch-polyfill-promise'; // 这里就可以使用 Promise 了
示例代码
-- -------------------- ---- -------
-- -- ------- ----
-------- -------------- -
-- -- ------- -- --------------
------ --- ------------------------- ------- -
--- --- - --- -----------------
--------------- -----
---------------- - ------- -- ---- --
---------- - ---------- -
-- ----------- --- ---- -
-------------------------------------------
- ---- -
---------- ----------- ----- ------ - - -----------------
-
--
----------- - ---------- -
---------- ----------- ----- ---------
--
-----------
---
-
-- -------- --- ---
--- --- - ------------------------------
------------------------------------------------------------- -
------- - ----
------------------------ -
---------------------
---总结
本文介绍了一个非常优秀的 Promise polyfill 包 sketch-polyfill-promise，它支持符合 Promise A+ 规范，非常小巧，可以直接在项目中使用 etc. 通过本文的介绍和示例代码的演示，相信你已经理解了如何在项目中使用它了。同时，本文深入浅出的讲解了 Polyfill 是什么，为什么需要使用它们，希望通过本文能帮助到广大的前端开发人员。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725981e8991b448e8773