在前端开发中，我们常常需要使用各种第三方库和框架来加快我们的开发速度，其中，npm 包是最常用也是最方便的一种。今天，我们要介绍的是一款名为 thinkit 的 npm 包，它是一个基于 lodash 的工具库，提供了一系列的工具函数，可以帮助我们更加方便地进行开发。
安装
要使用 thinkit，我们首先要在我们的项目中安装这个包。在项目根目录中，打开终端，输入以下命令：
npm install thinkit --save
其中，--save 参数表示将这个包保存到我们项目的依赖中。
使用
安装完成之后，我们就可以在我们的代码中使用了。引入 thinkit 的方式有两种：
- 整体引入：
如果我们需要引入所有的工具函数，我们可以使用以下方式：
import * as thinkit from 'thinkit';
- 按需引入：
如果我们只需要使用其中的某个函数，我们可以使用以下方式：
import { debounce } from 'thinkit';工具函数
下面是 thinkit 中提供的一些常用工具函数的介绍。
debounce
debounce 方法可以帮助我们实现函数防抖的效果。我们可以使用以下方式来引入：
import { debounce } from 'thinkit';debounce 接受两个参数：
- 需要防抖的函数。
- 等待时间。
例如，我们要实现一个输入框的实时搜索功能，但是当用户输入的过于频繁时会导致请求过多，我们便可以使用 debounce 来控制：
import { debounce } from 'thinkit';
const search = debounce(() => {
// 发送搜索请求
}, 500);
// 停止输入 500ms 之后再发起搜索
input.addEventListener('input', search);throttle
throttle 方法和 debounce 类似，也可以帮助我们控制函数的执行频率。不同的是，throttle 会在一定时间内执行函数一次，而 debounce 是在等待时间结束之后执行一次。我们可以使用以下方式来引入：
import { throttle } from 'thinkit';throttle 接受两个参数：
- 需要节流的函数。
- 执行间隔时间。
例如，我们要实现一个页面滚动到底部时自动加载更多内容的功能，但是当用户频繁滚动时会导致请求过多，我们便可以使用 throttle 来控制：
import { throttle } from 'thinkit';
const loadMore = throttle(() => {
// 发送加载更多请求
}, 1000);
// 每隔 1s 加载一次
window.addEventListener('scroll', loadMore);deepClone
deepClone 方法用来实现深度克隆。我们可以使用以下方式来引入：
import { deepClone } from 'thinkit';deepClone 接受一个参数，即需要克隆的对象。例如：
-- -------------------- ---- -------
------ - --------- - ---- ----------
----- ---- - -
----- ------
---- ---
-------- ----------- ---------
-------- -
----- ----------
------- -----------
--
--
----- ---- - ----------------
------------------------------
----------------- - -----------
------------------
------------------运行结果为：
-- -------------------- ---- -------
-
------- ------
------ ---
---------- -
----------
-------
--
---------- -
------- ----------
--------- ----------
-
-
-
------- ------
------ ---
---------- -
----------
--------
----------
--
---------- -
------- -----------
--------- ----------
-
-可以看到，obj2 中的 hobbies 数组和 address 对象的 city 值都被修改了，而 obj1 中的值保持不变。
结语
thinkit 提供了很多实用的工具函数，使得我们的开发更加方便快捷。在使用过程中，我们要注意在所需要导入的文件中引用它，也要注意对它的使用。希望这篇文章能够帮助你更好地了解和使用 thinkit。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68954