在前端开发中，面对众多浏览器和不同版本，我们经常需要使用一些 polyfill 来填充浏览器的兼容性问题。@schibstedspain/sui-polyfills 是一个常用的 npm 包，它提供了一些常见的 polyfill，使我们在开发中无需再手动引入各种 polyfill，十分方便。
安装
我们可以使用 npm 或者 yarn 进行安装：
--- ------- ----------------------------- ------
---- --- -----------------------------
使用
在我们的前端项目中引入该包即可，其中需要注意的一点是，在使用该包之前，我们需要引入 babel/polyfill：
------ ------------------ ------ --------------------------------
接下来，我们就可以在代码中使用各种 polyfill 了。
常见 polyfill
Array.from
该 polyfill 可以将类数组对象或可遍历对象转换成真正的数组。代码示例：
----- --- - ---------- ----- --- - ---------------- ----------------- -- ----- ---- ---- ---- ---- ---- ----
Array.prototype.includes
该 polyfill 可以判断数组是否包含某个元素。代码示例：
----- --- - --- -- -- -- --- ----------------------------- -- ---- ----------------------------- -- -----
Object.assign
该 polyfill 可以将多个对象的属性合并到一个对象中。代码示例：
----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - ----------------- ----- ----- ------ ------------------ -- - -- -- -- -- -- - -
Promise
该 polyfill 可以让我们使用 Promise API 来处理异步操作。代码示例：
----- ------- - --- ----------------- ------- -- - -------------------- --- ------------------ -- - ----------------- -- -------- ---
总结
@schibstedspain/sui-polyfills 是一个常用的前端 polyfill 包，它提供了一些常见的 polyfill，可以帮助我们解决兼容性问题。在使用该包之前，需要注意引入 babel/polyfill，之后就可以愉快地使用各种 polyfill 了。本文介绍了几个常见 polyfill 的使用示例，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600560f081e8991b448df285