背景
在前端开发时经常会遇到需要使用一些新的 JavaScript 原生 API，但是这些 API 目前可能不被所有浏览器支持，这时我们需要使用 Polyfill 来让这些 API 可以在所有浏览器上运行。
什么是 Polyfill
Polyfill 又叫垫片，是一种 JavaScript 代码，它可以模拟一些新的原生 API 的行为，从而让旧版的浏览器也能够运行这些新的 API，从而达到像新浏览器一样的效果。
@yeutech-lab/test-polyfill 是什么
@yeutech-lab/test-polyfill 是一个开源的 npm 包，它提供了常见的 Polyfill 代码，可以用来解决一些旧版浏览器上的兼容性问题。
@yeutech-lab/test-polyfill 的 Polyfill 代码包括了很多新的原生 API，比如 Array.from, Object.entries 等等，详细的列表可以在官方的 GitHub 上找到。
如何使用 @yeutech-lab/test-polyfill
使用 @yeutech-lab/test-polyfill 非常简单，只需要在你的项目中安装它，并在入口文件中引入，即可开始使用。
Step 1: 安装
使用 npm 命令安装 @yeutech-lab/test-polyfill：
npm install --save @yeutech-lab/test-polyfill
Step 2: 引入
在你的入口文件（一般是 index.js 或者 main.js）中引入 @yeutech-lab/test-polyfill：
import '@yeutech-lab/test-polyfill';
Step 3: 使用
现在你就可以在代码中使用一些新的原生 API 了，即使旧版的浏览器也可以正常运行。
比如，下面的代码就可以使用 Array.from 方法：
const nodeList = document.querySelectorAll('.box');
const arrayFromNodeList = Array.from(nodeList);实际应用
在实际项目中，我们通常会使用一些新的 JavaScript 原生 API，但是这些 API 可能并不被一些旧版的浏览器支持，这时候我们可以使用 @yeutech-lab/test-polyfill 来解决兼容性问题。
比如，我们要使用 Array.from，但是可能不被一些旧版浏览器支持：
const nodeList = document.querySelectorAll('.box');
const arrayFromNodeList = Array.from(nodeList);这时候我们只需要在入口文件中引入 @yeutech-lab/test-polyfill，就可以让旧版浏览器兼容了。
总结
使用 @yeutech-lab/test-polyfill 可以解决一些常见的浏览器兼容性问题，对于新手学习来说非常有指导意义。
而对于有经验的开发者来说，使用 @yeutech-lab/test-polyfill 可以提高代码兼容性，使得代码更加健壮可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d630d0927023822b90