在 Web 开发中，由于浏览器兼容性的问题，不同的浏览器对 JavaScript 支持的 API 会有所不同，这就需要使用 polyfill 来处理兼容性问题。而 js-polyfills 就是一个常用的 npm 包，本文将介绍如何使用它来解决浏览器兼容性问题。
什么是 js-polyfills？
js-polyfills 是一个提供了大量 JavaScript 标准库方法的兼容性填充库。使用它可以让你写出符合 ES5、ES6、ES7 等规范的代码，并且可以在不支持最新 JavaScript 标准的浏览器上运行。
安装和使用
首先，我们需要使用 npm 安装该包。在命令行中输入以下命令即可进行安装：
npm install js-polyfills --save
安装好后，在你的项目中引入 js-polyfills 即可开始使用。例如，在 webpack 的 entry 中加入以下代码：
entry: {
app: ['js-polyfills', './src/index.js']
}这样就会在打包时将 js-polyfills 加载进去，并且可以在全局使用所有提供的 polyfill。
示例
下面是一个使用 Promise 的示例：
-- -------------------- ---- ------- -- ----------------- - ------------------------------------ - ----- ------- - --- ----------------- ------- -- - -- ---- --- ------------------- -- - -------------------- -------------- -- - --------------------- ---
在这个示例中，我们首先判断当前环境是否支持 Promise，如果不支持就加载 js-polyfills 的 Promise polyfill。然后创建一个 Promise 对象，并用 then 和 catch 方法处理异步操作的结果。
总结
js-polyfills 是一个非常方便的兼容性填充库，可以让你写出符合最新规范的代码，同时又能兼容各种浏览器。在使用它时，建议仅加载需要用到的 polyfill，以减少代码体积和运行时间。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35472