都听说过 lodash，但你会用吗？-Toy模板网

这篇具有很好参考价值的文章主要介绍了都听说过 lodash，但你会用吗？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Lodash 是 JavaScript 社区最出名的一个工具库，提供了许多高效、高兼容性的工具函数。

不过，随着浏览器和 web 技术的发展，一些人开始反对在项目中使用 lodash。主要原因有：

本文来探讨一下，我们该不该在项目中使用 lodash，以及如何正确使用 lodash。是的，这个看起来有点标题党的标题，有两层含义：

个人认为，应该优先使用 ES 原生语法，同时，在大部分项目中仍然推荐使用 lodash 作为拓展工具库。原因如下：

Lodash 不止 ES6，有更多 ES6 难以实现的功能，比如常见的深拷贝。
提高开发效率、简化代码。lodash 中的函数，都是社区开发者从多年的实践中提炼出来的常用功能，并且经过广泛的考验和优化，使用库函数往往比自己实现有更好的性能和鲁棒性。
Lodash 支持多种模块化方案，配合 tree shaking 技术或者使用单独的函数模块，几乎不会导致冗余代码。

不管怎么样，lodash 目前仍然保持着 4 千多万的周下载了，就足以见得它的流行程度。

即使你坚持不肯使用 lodash，我认为仍然有必要了解 lodash 提供了哪些功能，这些功能你会经常在开发中遇到。这个时候，你可以从 You Don’t Need Lodash Underscore 中查看如何使用原生语法实现。

最常见的引入 lodash 的方式是：

// 方式1：引入整个lodash对象
import _ from "lodash";

// 方式2：按名称引入特定的函数
import { cloneDeep } from "lodash";

这两种方式都会引入整个 lodash 库。Lodash 含有许多函数，项目里一般只会用到其中的小部分，为了避免引入不必要的代码，lodash 提供了多种支持按需加载的方式。

插件 babel-plugin-lodash 和 lodash-webpack-plugin 能够在打包时去掉不必要的 lodash 代码，减小产物体积。

// 只引入 array 模块的功能
import array from "lodash/array";

// 只引入 cloneDeep 函数
import cloneDeep from "lodash/cloneDeep";

这种方式只会引入引用路径对应的模块，无需使用插件，也不会有冗余代码。缺点是每个 import 语句只能引入一个函数，可能导致多个 import 语句。

Lodash 为每个方法提供了文章来源地址https://www.toymoban.com/news/detail-604313.html

到了这里，关于都听说过 lodash，但你会用吗？的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

都听说过 lodash，但你会用吗？