在前端开发过程中，我们常常需要在不同的浏览器或设备上测试我们的代码。然而，由于不同的浏览器或设备对 JavaScript 的支持程度不同，这导致了我们在开发过程中经常面临着兼容性问题。为了解决这个问题，我们可以通过使用一些“polyfill”（即填充器）来提供一些浏览器缺失的功能支持。本文将介绍一个叫做 suman-browser-polyfills 的 npm 包，它是一个浏览器兼容性的 polyfill 库，能够填充一些浏览器缺失的功能支持，提高我们代码的兼容性。
安装 suman-browser-polyfills
要使用 suman-browser-polyfills，我们首先需要在我们的项目中安装该包。在命令行中，使用如下命令即可完成安装：
npm install --save-dev suman-browser-polyfills
使用 suman-browser-polyfills
安装完成后，我们可以在项目中使用 suman-browser-polyfills 来填充一些缺失的功能支持。在代码中，我们可以通过以下方式来使用该库：
require('suman-browser-polyfills');这样，在我们的代码中，就可以使用 suman-browser-polyfills 中包含的一些功能了。
suman-browser-polyfills 的功能
suman-browser-polyfills 包括了很多不同的功能，可以帮助我们解决一些缺失的功能支持。下面我们来看几个例子。
Promise
Promise 是一种用于异步编程的解决方案，可以让我们更方便地处理异步操作。但是，并不是所有浏览器都支持 Promise。如果我们想要在不支持 Promise 的浏览器中使用它，就可以使用 suman-browser-polyfills 中的 Promise polyfill。
require('suman-browser-polyfills');
var promise = new Promise(function(resolve, reject) {
// do something async
});Object.assign
Object.assign 是一种用于对象合并的方法，可以将多个对象的属性合并到一个新对象中。但是，有些浏览器并不支持 Object.assign。如果我们想要在不支持 Object.assign 的浏览器中使用它，就可以使用 suman-browser-polyfills 中的 Object.assign polyfill。
require('suman-browser-polyfills');
var obj1 = { a: 1 };
var obj2 = { b: 2 };
var obj3 = Object.assign({}, obj1, obj2);Array.from
Array.from 是一种用于将类数组对象或可迭代对象转换为真正的数组的方法。但是，有些浏览器并不支持 Array.from。如果我们想要在不支持 Array.from 的浏览器中使用它，就可以使用 suman-browser-polyfills 中的 Array.from polyfill。
require('suman-browser-polyfills');
var str = 'hello world';
var arr = Array.from(str);总结
suman-browser-polyfills 是一个用于填充一些缺失的浏览器支持的 npm 包，能够帮助我们提高代码的兼容性。在本文中，我们介绍了该包的安装方法以及使用方法，同时也介绍了一些该包包含的功能，希望这些内容能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cc981e8991b448e64fb