在前端开发中，经常需要处理各种数据以及实现各种功能。这时候，javascript 的常用工具库——lodash就显得非常有用。而在 lodash 的基础上，mm-lodash 提供了一些更为实用的方法，本文将介绍如何使用这个 npm 包。
简介
通过 npm 安装 mm-lodash：
npm install mm-lodash --save
mm-lodash 模块导出了一个名为 mmLodash 的对象，包含了很多与 lodash 相同的方法，并增加了一些很有用的方法。我们可以通过以下方式引入它：
const mmLodash = require('mm-lodash')常用方法
debounce
这个方法返回一个新函数，新函数会在函数最后一次调用后延迟一定的时间再执行。
-- -------------------- ---- ------- ----- -- - -- -- ------------------- ----- ---------- - --------------------- ---- ------------ ------------- -- - ------------ -- ---- ------------- -- - ------------ -- ----
结果：
// 800ms 后： 执行了！
throttle
这个方法返回一个新函数，新函数可以指定固定的时间间隔执行，即一定时间内只会触发一次。
-- -------------------- ---- ------- ----- -- - -- -- ------------------- ----- ---------- - --------------------- ---- ------------ ------------- -- - ------------ -- ---- ------------- -- - ------------ -- ----
结果：
执行了！ 执行了！
queryToObject
这个方法将一个 URL 中的查询字符串转化为一个对象。
const query = 'name=Tom&age=18&gender=male' const obj = mmLodash.queryToObject(query) console.log(obj)
结果：
{
name: 'Tom',
age: '18',
gender: 'male'
}objectToQuery
这个方法将一个对象转化为一个 URL 中的查询字符串。
const obj = {
name: 'Tom',
age: '18',
gender: 'male'
}
const query = mmLodash.objectToQuery(obj)
console.log(query)结果：
name=Tom&age=18&gender=male
deepClone
这个方法可以将一个对象进行深度拷贝。
const originObj = { foo: { bar: 'test' } }
const targetObj = mmLodash.deepClone(originObj)
console.log(targetObj)结果：
{ foo: { bar: 'test' } }总结
mm-lodash 是一个非常好用的 npm 包，提供了一些非常实用的方法，可以帮助我们更方便地进行前端开发。在实际使用中，可以根据具体需求选择合适的方法使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/156031