Lodash 提供了很多很多的工具方法。本文介绍其中 8 个实用的方法。
对象的深度克隆是很困难的。 JSON.parse(JSON.stringify(obj))
可以实现对象的深度克隆。但有如下缺点:
API:
_.cloneDeep(obj)
例子:
const obj = [{ 'a': 1 }, { 'b': 2 }];
const res = _.cloneDeep(obj)
防抖用来防止因事件触发次数过频繁,导致性能浪费。窗口的 resize 事件,列表的 scroll 事件,输入框 input 事件,触发频繁很高,都可以用防抖来优化。
API:
_.debounce(func, [wait=0], [options=])
参数说明:
例子:
jQuery(window).on(
'resize',
_.debounce(calculateLayout, 150)
)
节流用来控制事件发生的频率。如控制为 1秒 发生一次,甚至 1分钟 发生一次。
API:
_.throttle(func, [wait=0], [options=])
参数说明:
例子:
const throttled = _.throttle(
renewToken,
300000,
{ 'trailing': false }
);
jQuery(element).on('click', throttled);
把数据提交给接口,很多情况下,都要移除只在前端用,但接口不需要的属性。
API:
_.omit(object, [props])
参数说明:
例子:
const object = { 'a': 1, 'b': '2', 'c': 3 };
_.omit(object, ['a', 'c']);
// => { 'b': '2' }
选择对象上的一些属性和移除属性操作相反。
API:
_.pick(object, [props])
例子:
const object = { 'a': 1, 'b': '2', 'c': 3 };
_.pick(object, ['a', 'c']);
// => { 'a': 1, 'c': 3 }
假值包含:false
, null
, 0
, ""
, undefined
和 NaN
。
API:
_.compact(array)
例子:
_.compact([0, 1, false, 2, '', 3]);
// => [1, 2, 3]
API:
_.uniqueId([prefix=''])
例子:
_.uniqueId() // => 104
_.uniqueId('contact_') // => contact_105
API:
_.random([lower=0], [upper=1], [floating])
例子:
_.random(0, 5) // => 0 到 5 之间的整数
_.random(5) // => 0 到 5 之间的浮点数