前言
在前端开发中，我们常常需要使用一些常用的工具或者框架来完成工作。而 npm 是目前最流行的包管理器之一，它可以让我们方便地安装、管理和更新前端项目中使用到的各种库和插件。而 @hhjcz/js-lib 是一个非常优秀的 npm 包，它提供了很多有用的工具函数，可以让我们的开发更加高效。本文将介绍如何使用这个 npm 包。
安装
通过 npm 可以很方便地安装 @hhjcz/js-lib：
npm install @hhjcz/js-lib
使用
@hhjcz/js-lib 提供了许多有用的函数，下面将介绍其中的一些常用函数。
1. debounce 延迟函数
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- -- ------ ----- ----- - --------------------------------- -- ------- ------------------------------- ----------------- -- - ---------------------- -- ------
上面的代码使用了 debounce 函数，它可以将一个函数延迟执行。在上面的示例中，当用户在 input 输入框中输入关键词时，如果前后两次输入的间隔小于 500 毫秒，那么函数就不会执行。这样可以避免频繁地发送请求，节省服务器资源。
2. throttle 节流函数
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- -- -------- -------- -------------- - ---------------------- - -- ---- ----- --------- - ------------------------------------- -- ------ ------------------------------------ ---------------------- ------
throttle 函数可以让一个函数在一定时间内只执行一次。在上面的示例中，我们使用了 throttle 函数，确保在 container 容器滚动时，handleScroll 函数每 100 毫秒只会执行一次，这样可以防止函数被频繁执行，提高性能。
3. formatNumber 数字格式化
import { formatNumber } from '@hhjcz/js-lib';
// 数字
const num = 1000000;
// 格式化数字
console.log(formatNumber(num)); // 1,000,000formatNumber 函数可以将一个数字格式化为千位分隔符形式，方便展示。在上面的示例中，我们将 1000000 格式化为 1,000,000。
4. getUniqueId 获取唯一 ID
import { getUniqueId } from '@hhjcz/js-lib';
// 获取唯一 ID
console.log(getUniqueId()); // 'a1b2c3d4'getUniqueId 函数可以生成一个唯一的 ID，用于标识某个元素或对象。在上面的示例中，我们生成了一个唯一 ID。
结语
通过本文，你已经学会了如何使用 @hhjcz/js-lib 生产环境中的常用函数，这些函数的使用可以让你的开发更加高效。除了介绍的这几个函数之外，@hhjcz/js-lib 还有很多其他有用的工具函数，欢迎大家自行探索。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bb8967216659e2440f4