javascript - 如何在 jquery 中使用子对象 $.extend 对象？

Question

我知道我可以使用 $.extend({}, x); 将两个或多个对象的内容合并到第一个对象中，但我的答案是，子对象？它们只会被覆盖？那我不能合并吗？

我有这个:

var settings = $.extend({
    modal: {
        title: "Atention",
        type: "text",
        width: "small"
    },
    ajax: {
        type: "normal",
        trigger: "",
        url: ""
    }
}, {
    modal: {
        title: "Registrar",
        type: "register"
    },
    ajax: {
        trigger: ".bumbum",
        url: "modal/lets/go"
    }
});

这个 jQuery 函数将返回这个:

var setting = {
    modal: {
        title: "Registrar",
        type: "register"
    },
    ajax: {
        trigger: ".bumbum",
        url: "modal/lets/go"
    }
};

不幸的是我需要它:

var setting = {
    ajax: {
        type: "normal",
        trigger: ".bumbum",
        url: "modal/lets/go"
    },
    modal: {
        title: "Registrar",
        type: "register",
        width: "small"
    }
};

有什么想法吗？谢谢。

Answer 1

对于深度嵌套尝试，$.extend(true, {}, x);。对于深度嵌套，格式为:

jQuery.extend( [ deep ], target, object1 [, objectN ] ) ;