介绍
在使用 JavaScript 编写前端应用程序的过程中，我们经常需要使用一些标准 API，比如 Array.includes 或者 Promise。而这些 API 并不是所有 JavaScript 引擎都支持的，比如 Internet Explorer 11 就不支持这些 API。为了让我们的应用程序能够在各个浏览器上运行，通常需要使用一些 polyfill，而 @aaa-backend-stack/polyfills 就是其中一个较为流行的选择。
@aaa-backend-stack/polyfills 是一个 JavaScript 库，提供了一组用于支持较旧的浏览器的标准 API 的 polyfill。它是基于 core-js 库构建的，并且在功能上更加丰富和全面。使用过程非常简单，只需要安装这个库，然后按照说明引入即可。
安装
@aaa-backend-stack/polyfills 支持 NPM 安装方式，你只需要在命令行工具中执行以下命令即可：
--- ------- ----------------------------
引入
@aaa-backend-stack/polyfills 库的引入方式有两种，分别是直接在 HTML 中引入和在 JavaScript 中引入。
在 HTML 中引入
在 HTML 中引入 @aaa-backend-stack/polyfills 的方式非常简单，只需要在 head 标签中添加以下代码即可：
------- ---------------------------------------------------------------------------------
注意，你需要根据实际的目录结构修改 src 的路径。
如果你只需要支持特定的浏览器或者仅仅需要部分 polyfill，可以在 polyfills.min.js 后面加上 querystring 参数，如下：
------- ---------------------------------------------------------------------------------------------------------------------------
在 JavaScript 中引入
在 JavaScript 中引入 @aaa-backend-stack/polyfills 的方式稍微有些复杂，因为它需要在应用程序的入口处首先执行。一种常见的做法是在 webpack 配置文件中使用 ProvidePlugin 自动引入，以下是一个示例：
----- ------- - -------------------
-------------- - -
-- --- ----
-------- -
--- -----------------------
-------- -------------------
------ ---------------
-------------- -------------------------------- ----------------
-- -- --------
--
-
-这样就会自动引入 Promise、fetch、Object.assign 等 polyfill。注意，这种方式只适用于打包后的应用程序，不适用于单个 HTML 页面。
应用示例
以下是一个使用 @aaa-backend-stack/polyfills 的示例，它使用了 Promise 和 Object.assign。
------ ------------------------------- -- -- --------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-------------- --------
-- ------
---
------------------- -- -
----- ---- - - ----- ------- --
----- ---- - ----------------- ----- - ---- -- ---
-------------------- -- -- ------ ------
------------------ -- -- - ----- -------- ---- -- -
---总结
使用 @aaa-backend-stack/polyfills 可以方便地为较旧的浏览器提供标准 API 的支持，让应用程序能够在各个浏览器上尽可能地保持一致性。这个库使用起来非常简单，只需要安装和引入即可。当然，对于不同的应用程序和场景，可能需要针对性地添加或去除某些 polyfill。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/93131