Lodash简介

image

简介

Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。

如何提高开发者效率了？

将许多代码简化为一个简单的方法名,只需要调用就行了。

下面是一个很简单的例子copy一个JS对象，避免指针问题

//copy一个JS对象

//原生方法
var a = {a:1,b:2,c:3};
var b = {};
for(var key in a) {
  b[key] = a[key];
}


//lodash方法
var b = _.clone(a);

如何提高JS原生方法性能？

使用惰性计算的方式

还是以事实说话

var array = [];
//生成一个100w 长度的数组，并赋值随机数
for(var i=0;i<1000000;i++) {
  array.push(Math.floor(Math.random()*10000))
}

//lodash forEach 遍历
console.time('lodash for Each');
_.forEach(array,function (key) {

});
console.timeEnd('lodash for Each');

//原生forEach 遍历
console.time('native for Each');
array.forEach(function (key) {

});
console.timeEnd('native for Each');

让我们来看一下上面运行的结果

lodash for Each: 4ms
native for Each: 98ms

差别还是很惊人的,速度相差了近25倍。

当然并不是所有方法都会比原生的快，就拿一开始copy对象的方法来说，我们依旧跑一下测试

var a = {};
for(var i=0;i<1000000;i++) {
  a[i.toString()] = Math.floor(Math.random()*100000);
}

var b = {};
console.time('native copy');
for(var key in a) {
  b[key] = a[key];
}
console.timeEnd('native copy');


var c = {};
console.time('lodash clone');
c = _.clone(a);
console.timeEnd('lodash clone');

结果

native copy: 669ms
lodash clone: 731ms

运行结果没有很明显的差别，但我们也只是为了证明我们上面的结论，并不是所有方法都比原生的快。

十分顺眼的"_"

Lodash使用了一个简单的 _ 符号，就像Jquery的$一样，十分简洁,但是很显然 _ 要看上去更爽的多~（个人观点），这也是我十分钟爱Lodash的主要原因之一。

常用的方法介绍

上面说了_十分简洁，同样的，在使用方法的时候也是十分简洁与方便的，下面列一下大家常用的方法。

• _.forEach()
• _.map()
• _.isEmpty(value) //判断一个value 是否是empty(null,[],{}....)
• _.find()
• _.merge()

....

Lodash我用Dash看的是有231个方法，各种你需要的原生方法基本都可以通过Lodash 直接或间接地完成，至于好不好用，也只有你用了才知道。

PS

lazy.js给出的性能对比图片

image

支持的浏览器以及Node各种版本

image

Lodash文档地址