介绍
npm 是 Node.js 生态圈中最常用的包管理工具，提供了各种各样的依赖，让开发者能够更快更方便地开发项目。在前端方面，一些比较流行的框架，如 React 和 Vue.js，都需要在 npm 中安装相应的包来进行开发。而本文要介绍的 npm 包，是针对基本类型和方法的 polyfill，可以将 ES6 的语法兼容至 ES5，适用于较老的浏览器环境，该 npm 包便是 springbokjs-shim。
springbokjs-shim 提供了许多工具类和原型链上的扩展函数，使得在新的浏览器版本中已经实现的方法，在旧的浏览器版本中也能够使用。对于一些需要在老旧的浏览器中运行的代码，使用该包能够省去各种兼容性问题的烦恼。
安装
在使用 springbokjs-shim 之前，需要通过 npm 安装该包，安装方式如下：
npm install springbokjs-shim
使用方法
在安装完 springbokjs-shim 之后，可以通过以下方式引入：
require('springbokjs-shim');
//或
import 'springbokjs-shim';只需要引入一次即可，该包就会自动为你提供补丁，将 ES6 的语法兼容至 ES5。
方法
springbokjs-shim 主要提供了以下几类方法。
基本类型
Array
- includes（since 0.8.0）
Object
- assign（since 0.8.0）
String
- startsWith（since 0.8.0）
- endsWith（since 0.8.0）
数组方法
- Array
- filter（since 0.8.0）
- find（since 0.8.0）
- findIndex（since 0.8.0）
- forEach
- indexOf
- map
- every
- some
- reduce
- reduceRight
- isArray
此外，springbokjs-shim 还为 Date、Math、Number、RegExp 等原生对象提供了兼容性方面的支持。
示例
startsWith
startsWith() 方法用于判断字符串是否以指定的字符开头。
使用方法：
const str = 'Hello world!';
console.log(str.startsWith('Hello')); // true
console.log(str.startsWith('h')); // falseincludes
includes() 方法用于判断一个数组是否包含一个指定的元素，返回 boolean 类型的值。
使用方法：
const arr = [1, 2, 3]; console.log(arr.includes(2)); // true console.log(arr.includes(4)); // false
filter
filter() 方法创建一个新数组，用于把数组中的元素进行过滤，返回一个符合条件的新数组。
使用方法：
const fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];
const filterItems = (query) => {
return fruits.filter((fruit) =>
fruit.toLowerCase().indexOf(query.toLowerCase()) > -1
);
};
console.log(filterItems('ap')); // ['apple']
console.log(filterItems('an')); // ['banana', 'mango', 'orange']find
find() 方法返回数组中符合条件的第一个元素值，如果没有找到，则返回 undefined。
使用方法：
const arr = [5, 12, 8, 130, 44]; const found = arr.find(element => element > 10); console.log(found); // 12
总结
本文介绍了 npm 包 springbokjs-shim 的使用方法，以及该包提供的一些基本类型和方法的 polyfill，使得在较老的浏览器环境中，能够兼容使用 ES6 的语法。该包的使用能够帮助开发者避免兼容性问题，提高开发效率，值得在项目中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a78ccae46eb111f297