浅谈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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
这篇文章主要给大家介绍了关于利用bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果的相关资料,文中给出了完整的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友下面来一起看看吧。2017-06-06
最新评论