浅谈javascript中lodash与lodash-es的区别
作者：pingmin_1001
本文主要介绍了javascript中lodash与lodash-es的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库，Node.js版本需>6。
lodash：
lodash 是默认的 commonjs 版本，是为了良好的浏览器兼容性, 它使用了旧版es5的模块语法，体积大。
安装：
npm i lodash
引入：
import _ from 'lodash' /*引入全部*/
import { defaultsDeep } from 'lodash'; /**按需引入*/lodash-es：
lodash-es 是 lodash 的 es modules 版本 ，是着具备 ES6 模块化的版本，体积小。
安装
npm i lodash-es
引入
import _ from 'lodash-es';/*引入全部*/
import { defaultsDeep } from 'lodash-es'; /**按需引入*/浏览器引入方式：
<script src="lodash.js"></script>
如果是使用webpack来进行打包的话, 我们在使用lodash库时, 尽量通过lodash-es来进行导入操作,可以减轻最终生产环境的代码量。
Lodash-es的函数非常多，可以让我们快速高效地处理各种开发需求，例如:
// 根据特定条件对一个对象数组进行筛选
const users = [
{ name: 'John', age: 20 },
{ name: 'Peter', age: 30 },
{ name: 'Mike', age: 40 },
{ name: 'Alice', age: 28 }
];
const filteredUsers = _.filter(users, user => user.age >= 30);
console.log(filteredUsers);
// 输出：[
// { name: 'Peter', age: 30 },
// { name: 'Mike', age: 40 }
// ]到此这篇关于浅谈javascript中lodash与lodash-es的区别的文章就介绍到这了,更多相关javascript lodash与lodash-es内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！