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