如果你在开发中需要用到一些常用的函数和工具，不必每次从头写起，npm 包是一个非常不错的选择。oblivion-base 是一个实用性强、易于使用的 JavaScript 工具库，本文将介绍其使用方法。
1. 安装
使用 npm 安装 oblivion-base
npm install oblivion-base --save
2. 使用
安装完毕之后，你可以将 oblivion-base 引入你的项目，然后调用其中的方法。
import { deepClone } from 'oblivion-base';
const obj = { a: 1, b: { c: 2 } };
const cloned = deepClone(obj);
console.log(cloned); // {a: 1, b: {c: 2}}在上面的示例中，我们使用 deepClone 对对象进行了深拷贝，得到了一个拷贝对象 cloned。
可以看到，oblivion-base 通过暴露一些常用的方法和工具，提高了代码的复用性和效率。
3. API
3.1. deepClone
deepClone 方法用于对目标对象进行深拷贝。拷贝后的对象与原始对象没有任何共享关系。
import { deepClone } from 'oblivion-base';
const obj = { a: 1, b: { c: 2 } };
const cloned = deepClone(obj);
console.log(cloned); // {a: 1, b: {c: 2}}3.2. debounce
debounce 方法用于防抖。简单来说，就是在多次触发一个函数的情况下，只执行最后一次触发。适用于输入框、搜索框等场景。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ----- ------ - ------- -- - -- ---- ------- -- ----- --------------- - ---------------- ----- ------------------------------- ------- -- - ----- - ----- - - ------------- ----------------------- ---
在上面的示例中，我们使用 debounce 对搜索框进行了防抖，减少了无意义的请求浪费。
3.3. throttle
throttle 方法用于节流。简单来说，就是在多次触发一个函数的情况下，按一定时间间隔执行。适用于滚动加载、进度条等场景。
import { throttle } from 'oblivion-base';
const onScroll = (event) => {
// do something
};
const throttledScroll = throttle(onScroll, 100);
window.addEventListener('scroll', throttledScroll);在上面的示例中，我们使用 throttle 对滚动事件进行了节流，减少了无意义的计算和渲染。
3.4. queryString
queryString 方法用于将对象转化为 URL 查询参数字符串。适用于跨页面参数传递等场景。
import { queryString } from 'oblivion-base';
const obj = { a: 1, b: 2 };
const query = queryString(obj);
console.log(query); // "a=1&b=2"在上面的示例中，我们使用 queryString 将对象转化为了 URL 查询参数字符串。
4. 总结
通过使用 npm 包 oblivion-base，我们可以简化开发过程中的一些重复性工作，提高代码的复用性和效率。本文介绍了 oblivion-base 的使用方法和 API，希望对你有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9c3d1de16d83a66ec3