Underscore.js 中的递归/深度扩展/分配？

Question

有没有办法获取Underscore.js extend函数：

将源对象中的所有属性复制到 目标对象，并返回目标对象。有条不紊， 所以最后一个源将覆盖同名的属性 以前的论点。

...递归工作？

实际上，creditOperation 中的query 属性将完全覆盖baseOperation 中定义的query 属性：

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'
    }
}

Answer 1

使用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);

更新。 正如Paolo Moretti 在cmets 中所说，lodash 中也有同样的功能，叫做_.merge：

_.merge(a,b);

Answer 2

jQuery 有一个 extend() 函数，它的作用与它的 Underscore 对应物相同，但也有一个 deep 参数，允许它根据需要递归合并：

var creditOperation = $.extend(true, baseOperation, {
    query: {
        'method': 'baz'
    }
});

或者，如果您不想覆盖 baseOperation：

var creditOperation = $.extend(true, {}, baseOperation, {
    query: {
        'method': 'baz'
    }
});

Answer 3

Underscore has no plans to add 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;
}

Answer 4

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;
}

Answer 5

Kurt Milam 发布了mixin that adds a deepExtend method to underscore.js。它甚至处理正则表达式（如果你愿意的话）。 文档摘录：

将它与 underscore.js 混合： _.mixin({deepExtend: deepExtend});

这样称呼它：var myObj = _.deepExtend(grandparent, child, grandchild, greatgrandchild)

注意：保持干燥。

如果您使用 JSON 配置文档，此功能特别有用。它允许您创建一个默认值 使用最常见的设置配置文档，然后覆盖那些 特定情况的设置。它接受任意数量的对象作为 参数，让您对配置文档进行细粒度控制 层次结构。

Answer 6

下划线的 extend() 不做深度扩展；事实上，下划线并没有可以深度扩展的功能。

您可以使用 lodash 的 merge。