npm 包 lard 使用教程

什么是 lard？

lard 是一个基于 lodash 的 JavaScript 工具库，它封装了很多实用的函数，可以极大地提高前端开发效率。lard 打包后的大小只有 9KB 左右，非常适合在项目中使用。

如何使用 lard？

安装

lard 可以通过 npm 安装，在命令行中输入以下命令：

npm install --save lard

引入

使用 lard 需要先引入它，可以在代码中使用以下方式：

import _ from 'lard';

使用示例

_.camelCase(str)

该函数将输入的字符串处理成下划线连接的驼峰字符串。例如：

_.camelCase('hello_world'); // "helloWorld"

_.chunk(arr, size)

该函数将数组分成指定大小的多个块，返回分块后的新数组。例如：

_.chunk([1, 2, 3, 4, 5], 2); // [[1, 2], [3, 4], [5]]

_.debounce(func, wait, options)

该函数在某段时间内只执行一次，并且在该时间段内再次调用时会重新计时。例如：

window.addEventListener('resize', _.debounce(function() {
  console.log('window resized');
}, 250));

_.flatMap(arr, iteratee)

该函数返回一个新数组，该数组为经过迭代函数处理过的扁平化数组。例如：

_.flatMap([1, 2], function(n) {
  return [n, n + 1];
}); // [1, 2, 2, 3]

_.get(obj, path, defaultValue)

该函数通过路径获取对象中的值，如果值不存在则返回默认值。例如：

var object = { 'a': [{ 'b': { 'c': 3 } }] };
_.get(object, 'a[0].b.c', 'default'); // 3
_.get(object, 'a.b.c', 'default'); // default

_.omit(obj, props)

该函数返回一个不包括指定属性的新对象。例如：

var object = { 'a': 1, 'b': '2', 'c': 3 };
_.omit(object, ['a', 'c']); // { 'b': '2' }

_.sample(arr)

该函数随机返回数组中的一个元素。例如：

_.sample([1, 2, 3, 4, 5]); // 3

_.throttle(func, wait, options)

该函数在某段时间内只执行一次，并且在该时间段内的调用会被忽略。例如：

window.addEventListener('scroll', _.throttle(function() {
  console.log('scroll event');
}, 250));

总结

lard 是一个非常实用的 JavaScript 工具库，它可以大大提高前端开发效率。本文介绍了 lard 的基本使用方法和一些常用的函数示例。希望读者通过本文的学习，能够更加熟练地使用 lard，并且能够在自己的项目中得到运用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668ecd9381d61a3540c94