有没有办法让Underscore.js extend
功能:
将源对象中的所有属性复制到目标对象,然后返回目标对象。它是有序的,因此最后一个源将覆盖先前参数中相同名称的属性。
......递归地工作?
实际上,query
中的creditOperation
属性将完全覆盖query
中定义的baseOperation
属性:
var url = require('url')
, _ = require('underscore'),
, baseOperation = {
host: 'gateway.skebby.it',
pathname: 'api/send/smseasy/advanced/http.php',
protocol: 'https',
query: {
'username': 'foo',
'password': 'bar',
}
};
var creditOperation = _.extend(baseOperation, {
query: {
'method': 'baz'
}
});
console.log(url.format(creditOperation));
我想获得这个creditOperation
:
{
host: 'gateway.skebby.it',
pathname: 'api/send/smseasy/advanced/http.php',
protocol: 'https',
query: {
'username': 'foo',
'password': 'bar',
'method': 'baz'
}
}
不,Underscore will not contain a deep extend因为处理不同类型的对象太复杂了。相反,鼓励用户实施他们自己的解决方案,并支持他们所需的内容。
在您的情况下,它只是普通对象,因此实现非常简单:
_.deepObjectExtend = function(target, source) {
for (var prop in source)
if (prop in target)
_.deepObjectExtend(target[prop], source[prop]);
else
target[prop] = source[prop];
return target;
}
使用Lodash(下划线的叉子)你可以。 Lodash的_.extend方法接受第三个(或更高)参数作为函数,接收值(旧的和新的);所以你可以这样做:
var deep = function(a, b) {
return _.isObject(a) && _.isObject(b) ? _.extend(a, b, deep) : b;
};
var a = {a:{b:{c:1}}},
b = {a:{b:{z:1}}};
_.extend(a,b,deep);
UPD。正如Paolo Moretti在评论中所说,在lodash中有一个名为_.merge的相同功能:
_.merge(a,b);
jQuery有一个extend()函数,它与Underscore对应函数做同样的事情,但也有一个深度参数,允许它按照你的需要递归合并:
var creditOperation = $.extend(true, baseOperation, {
query: {
'method': 'baz'
}
});
或者,如果您不想覆盖baseOperation:
var creditOperation = $.extend(true, {}, baseOperation, {
query: {
'method': 'baz'
}
});
Bergi的独立版本的深度扩展,包括当值是字符串而不是对象时的修复。也修补得更严格。
function deepObjectExtend (target, source) {
for (var prop in source) {
if (source.hasOwnProperty(prop)) {
if (target[prop] && typeof source[prop] === 'object') {
deepObjectExtend(target[prop], source[prop]);
}
else {
target[prop] = source[prop];
}
}
}
return target;
}
Kurt Milam发表了一篇mixin that adds a deepExtend
method to underscore.js。它甚至可以处理正则表达式(如果需要)。摘自文档:
将它与underscore.js:
_.mixin({deepExtend: deepExtend});
混合使用这样称呼:
var myObj = _.deepExtend(grandparent, child, grandchild, greatgrandchild)
注意:保持干燥。
如果您正在使用JSON配置文档,此功能特别有用。它允许您使用最常用的设置创建默认配置文档,然后覆盖特定情况的这些设置。它接受任意数量的对象作为参数,使您可以对配置文档层次结构进行细粒度控制。
下划线的extend()不做深度扩展;事实上,下划线中没有可以深度扩展的功能。
你可以使用lodash的merge。