lodash 库 常用的方法的学习积累使用

1.assign、extend、merge

assign({}, { a: 1 }, { b: 2 });

// { a: 1, b: 2 }

// 后面的 { a: 2 } 把前面的 { a: 1 } 覆盖了

assign({}, { a: 1 }, { b: 2 }, { a: 2 });

// { a: 2, b: 2 }

// 观察下面两个例子，如果属性值为 object，后面的值会覆盖前面的值

assign(

{},

{ a: 1 },

{ b: { c: 2, d: 3 } }

)

// { a: 1, b: { c: 2, d: 3 } }

assign(

{},

{ a: 1 },

{ b: { c: 2, d: 3 } },

{ b: { e: 4 } }

)

// { a: 1, b: { e: 4 } }

// `assign` 函数会忽略原型链上的属性。

function Foo() { this.c = 3; }

Foo.prototype.d = 4;

assign({ a: 1 }, new Foo());

// { a: 1, c: 3 }

// `assign` 会修改原来的对象

var test = { a: 1 };

assign(test, { b: 2 }); // { a: 1, b: 2 }

console.log(test); // { a: 1, b: 2 }

assign(

{},

{ a: 1 },

{ b: { c: 2, d: 3} },

{ b: { e: 4 } }

)

// { a: 1, b: { e: 4 } }

merge(

{},

{ a: 1 },

{ b: { c: 2, d: 3} },

{ b: { e: 4 } }

)

// { a: 1, b: { c: 2, d: 3, e: 4 } }

// 合并集合

var users = {

'data': [{ 'user': 'barney' }, { 'user': 'fred' }]

};

var ages = {

'data': [{ 'age': 36 }, { 'age': 40 }]

};

merge({}, users, ages)

// { data: [ { user: 'barney', age: 36 }, { user: 'fred', age: 40 } ] }

// merge 函数会修改原来的对象！

merge(users, ages)

console.log(users) // { data: [ { user: 'barney', age: 36 }, { user: 'fred', age: 40 } ]

 

2. _.forIn

function Foo() {

  this.a = 1;

  this.b = 2;

}

Foo.prototype.c = 3;

_.forIn(new Foo, function(value, key) {

  console.log(key);

});