lodash简介

发布在 node.js

image

简介

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

如何提高开发者效率了?

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

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

1
//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原生方法性能?

使用惰性计算的方式

还是以事实说话

1
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');

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

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

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

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

1
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');

结果

1
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文档地址

注释和共享

  • 第 1 页 共 1 页

yuansc

生命不息,奋斗不止


改变世界