在前端开发中，面对众多浏览器和不同版本，我们经常需要使用一些 polyfill 来填充浏览器的兼容性问题。@schibstedspain/sui-polyfills 是一个常用的 npm 包，它提供了一些常见的 polyfill，使我们在开发中无需再手动引入各种 polyfill，十分方便。
安装
我们可以使用 npm 或者 yarn 进行安装：
npm install @schibstedspain/sui-polyfills --save
yarn add @schibstedspain/sui-polyfills
使用
在我们的前端项目中引入该包即可，其中需要注意的一点是，在使用该包之前，我们需要引入 babel/polyfill：
import '@babel/polyfill'; import '@schibstedspain/sui-polyfills';
接下来，我们就可以在代码中使用各种 polyfill 了。
常见 polyfill
Array.from
该 polyfill 可以将类数组对象或可遍历对象转换成真正的数组。代码示例：
const str = 'abcdefg'; const arr = Array.from(str); console.log(arr); // ['a', 'b', 'c', 'd', 'e', 'f', 'g']
Array.prototype.includes
该 polyfill 可以判断数组是否包含某个元素。代码示例：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
Object.assign
该 polyfill 可以将多个对象的属性合并到一个对象中。代码示例：
const obj1 = { a: 1 };
const obj2 = { b: 2 };
const obj3 = { c: 3 };
const obj4 = Object.assign({}, obj1, obj2, obj3);
console.log(obj4); // { a: 1, b: 2, c: 3 }Promise
该 polyfill 可以让我们使用 Promise API 来处理异步操作。代码示例：
const promise = new Promise((resolve, reject) => {
resolve('Success!');
});
promise.then((res) => {
console.log(res); // Success!
});总结
@schibstedspain/sui-polyfills 是一个常用的前端 polyfill 包，它提供了一些常见的 polyfill，可以帮助我们解决兼容性问题。在使用该包之前，需要注意引入 babel/polyfill，之后就可以愉快地使用各种 polyfill 了。本文介绍了几个常见 polyfill 的使用示例，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560f081e8991b448df285