简介
@ikyhdst/jsutils 是一款基于 JavaScript 的npm 包,它提供了许多实用的工具函数以简化前端开发。使用这个包可以节省很多重复的代码编写时间,提高开发效率。
安装
在使用@ikyhdst/jsutils前需要先进行安装,可以使用 npm 或 yarn 进行安装。
npm install @ikyhdst/jsutils
或
yarn add @ikyhdst/jsutils
使用
使用前需要先引入包,可以按需引入或全部引入。
import { debounce } from '@ikyhdst/jsutils';
或
import * as utils from '@ikyhdst/jsutils';
以下是一些常用函数的使用方法。
数组相关
1. 浅拷贝数组
utils.cloneArr(arr)
2. 按某一属性排序数组
utils.sortArr(arr, prop, isDesc = false)
3. 根据条件过滤数组
utils.filterArr(arr, cb)
对象相关
1. 深拷贝对象
utils.deepClone(obj)
2. 根据条件过滤对象
utils.filterObj(obj, cb)
3. 批量给对象设值
utils.setObjValue(obj, keyList, valueList)
函数相关
1. 防抖
utils.debounce(fn, delay)
2. 节流
utils.throttle(fn, delay)
3. 函数柯里化
utils.currying(fn)
示例
debounce 防抖 示例
-- -------------------- ---- ------- ------ - -------- - ---- ------------------- -------- ------------- - --------------- ------------ - ----- ------------------- - --------------------- ----- ----------------------------------- ---------------------
sortArr 排序 示例
-- -------------------- ---- ------- ------ - ------- - ---- ------------------- ----- --- - - - ----- ------ ---- -- -- - ----- ------- ---- -- -- - ----- -------- ---- -- -- -- -- ------- ------------ ------- -- ------- ------------ ------ ------ -- ------- ------------ -------- -- ------- ------------ ------- ------
setObjValue 批量设值 示例
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------- ----- --- - - ----- ------ ---- --- -- ---------------- -------- ------- -------- ----- ----------------- -- - ----- ------- ---- -- -
总结
@ikyhdst/jsutils 是一款非常实用的前端开发辅助工具,它提供了众多的实用工具函数,可以省去很多重复的代码编写时间,提高开发效率。同时,使用这个工具包还可以让代码更简洁、易于维护。
总而言之,如果你是前端开发者,在你下一次开发项目时,可以尝试使用 @ikyhdst/jsutils 提供的工具函数,相信你一定会有一种不同的体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600572b781e8991b448e8d4e