背景
在前端开发中，常常需要使用一些辅助类工具，如常用的日期格式化、字符串处理、数组操作等等。虽然我们可以手写这些方法，但是这样会浪费大量的时间和精力，而且很难做到完全无误。
为了解决这个问题，许多优秀的开发者已经将这些辅助函数封装成了 npm 包，以便其他开发者复用。bg-egn-helper 就是其中一个非常优秀的 npm 包，本文将向大家介绍它的使用方法。
bg-egn-helper 简介
bg-egn-helper 是一款轻量级的 JavaScript 工具库，提供了一系列常用的辅助函数，如：
- 日期格式化
- 字符串处理
- 数组操作
- 函数节流/防抖
- ...
它不依赖任何第三方库，可以直接在浏览器环境中使用，也可以在 Node.js 环境中使用。如果你常常需要使用这些辅助函数，那么 bg-egn-helper 就是你应该使用的工具库。
安装
您可以通过 npm 安装 bg-egn-helper：
npm install bg-egn-helper --save
使用
引入
您可以在您的 JavaScript 文件中直接引入 bg-egn-helper：
import BgEgnHelper from 'bg-egn-helper';
或者在浏览器中使用：
<script src="https://unpkg.com/bg-egn-helper@1.0.0/dist/bg-egn-helper.min.js"></script>
日期格式化
bg-egn-helper 提供了一个 formatDate 函数，用于将 Date 对象格式化为指定的日期格式。
const date = new Date('2022-01-01 00:00:00');
BgEgnHelper.formatDate(date, 'yyyy-MM-dd hh:mm:ss'); // '2022-01-01 00:00:00'
BgEgnHelper.formatDate(date, 'yyyy年MM月dd日 hh:mm:ss'); // '2022年01月01日 00:00:00'该函数接收两个参数：
- date：Date 对象
- format：日期格式字符串，其中支持的格式有 y、M、d、h、m、s、S，分别代表年、月、日、时、分、秒、毫秒。
字符串处理
bg-egn-helper 提供了一系列字符串处理函数，如：
- trim：去除字符串前后的空格
- camelize：将横线分割的字符串转换为驼峰式
- kebabize：将驼峰式的字符串转换为横线分割的
const str = ' hello world ';
BgEgnHelper.trim(str); // 'hello world'
BgEgnHelper.camelize('font-size'); // 'fontSize'
BgEgnHelper.kebabize('fontSize'); // 'font-size'数组操作
bg-egn-helper 提供了一系列数组操作函数，如：
- flatten：将嵌套数组扁平化
- unique：去除数组中的重复项
- chunk：将数组按长度分割为多个数组
const arr = [1, [2, [3, [4]]]]; BgEgnHelper.flatten(arr); // [1, 2, 3, 4] BgEgnHelper.unique([1, 2, 3, 3, 4]); // [1, 2, 3, 4] BgEgnHelper.chunk([1, 2, 3, 4, 5], 2); // [[1, 2], [3, 4], [5]]
函数节流/防抖
bg-egn-helper 提供了两个函数节流/防抖函数，用于控制函数被执行的频率。
const fn = () => console.log('scroll');
// 函数节流，每 100 毫秒执行一次
window.addEventListener('scroll', BgEgnHelper.throttle(fn, 100));
// 函数防抖，最后一次执行需要等待 500 毫秒
window.addEventListener('resize', BgEgnHelper.debounce(fn, 500));结语
通过本文的介绍，相信您已经掌握了 bg-egn-helper 的使用方法。当您下次遇到需要封装辅助函数的需求时，不妨考虑一下使用 bg-egn-helper 吧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e481e8991b448e076c