在前端开发中，我们经常会使用一些新的 JavaScript 特性和 API，但是有些特性和 API 在某些浏览器上并不兼容，为了兼容这些浏览器，我们可以使用一些 polyfills 来模拟这些特性和 API。
其中，@loaders.gl/polyfills 是一个非常实用的 npm 包，可以在浏览器中模拟一些平台特定的 API 和功能。在本篇文章中，我们将学习如何使用这个 npm 包以及如何在浏览器中使用它。
安装
首先，我们需要在项目中安装 @loaders.gl/polyfills：
npm install @loaders.gl/polyfills
使用方法
@loaders.gl/polyfills 的主要功能是为那些“超出标准”的 API 提供默认实现，比如 Object.fromEntries() API。
为了在浏览器中使用这个 npm 包，我们需要在项目入口处引入 @loaders.gl/polyfills：
import '@loaders.gl/polyfills';
这个语句会自动加载所有的 polyfills，这些 polyfills 是在需要的时候才会被使用。由于这些 polyfills 是按照需求动态加载的，所以你可以放心地在项目中使用它们而不必担心性能问题。
可以在需要使用 polyfills 的文件中 import 这个包，然后使用对应的 API 即可，比如我们现在需要使用 Object.fromEntries()：
import '@loaders.gl/polyfills';
const obj = Object.fromEntries([['a', 1], ['b', 2]]);
console.log(obj); // { a: 1, b: 2 }在使用上述代码时，如果浏览器本身已经实现了 Object.fromEntries()，那么浏览器就会优先使用浏览器自带的 API，否则会自动加载 polyfills 并使用 polyfills 提供的实现。
示例代码
为了更好地理解 @loaders.gl/polyfills 的功能，这里给出一个关于 Array.from() 方法的示例代码：
-- -------------------- ---- ------- ------ ------------------------ -- --- ----- -- ----- --- - --- -- --- -- -- ------------ - ----- ------- ----- ----- ------ - --------------- - -- - - --- --------------------
这个示例代码将会输出一个新的数组，新的数组是将原来的数组中每个元素的值都加倍了：
[2, 4, 6]
由于某些浏览器可能不支持 Array.from() 这个 API，但是通过引入 @loaders.gl/polyfills，我们可以放心地使用这个 API，并且不必担心浏览器兼容性的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f202ab7403f2923b035c643