它是什么：kd-polyfills是为了填补在老版本浏览器下JavaScript功能的缺失而开发的npm包。它提供了一系列的新技术的Polyfill，包括ES5和ES6特性、Web API和HTML5特性，运行框架和库等等。
为什么要使用它：在Web应用程序开发中，新的规范和标准不断的推出。在实现新特性的同时，也必须考虑旧版浏览器的兼容性。简单来说，这时候就使用Polyfill库，就可以给我们的应用程序自动做好浏览器兼容性的工作。
如何使用它：
- 安装kd-polyfills包
通过npm安装kd-polyfills
npm install kd-polyfills --save
- 在项目中引用它
在项目的入口处，例如index.js文件中，引入kd-polyfills包
import 'kd-polyfills';
这将在项目环境中自动加载需要的Polyfill。
- 使用它
通过ES6的新特性Array.from()，将类数组对象转化成数组。
let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
let arr = Array.from(arrayLike);
console.log(arr); //['a', 'b', 'c']- 配置
如果需要配置Polyfill，可以使用以下方式修改：
import 'kd-polyfills/es6/array.from'; //只引入array.from的Polyfill
总之，在使用kd-polyfills时，需要特别注意是不是每个Polyfill都需要，我们可以根据需要来进行引入调整，从而避免引入未使用的Polyfill包而导致浪费。
示例代码：
-- -------------------- ---- ------- -- --- - ------------ ---- -- -- ------------ -- --- ------- ------------ ------ -- -- ------------ ------ --------------- -- -- ------------ --- --------- - --- ---- -- ---- -- ---- ------- --- --- --- - ---------------------- ----------------- ------- ---- ----
以上就是npm 包 kd-polyfills 使用教程，当我们遇到老版本浏览器不支持新特性时，可以使用kd-polyfills，非常方便。同时，总结使用它的注意事项，就能更加顺利的使用这个库了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066efc4c49986ca68d8979