javascript - 在javascript中加入2个键值对选项对象

Question

如何合并 2 个键值对 defaultDialogSetup 和 setupArray？

var defaultDialogSetup = { modal: true, show: 'fade', hide: 'fade' };

var setupArray = {
                open: function (e) { $(this).load($(link).attr('href')); },
                title: link.innerHTML,               
                width: 300,
                height: 250,
                buttons:
                {
                    "OK": function () { createTemplate($(this), $('form', this)); },
                    "Cancel": function () { $(this).dialog("close"); }
                }
            };

$dialog.dialog(setupArray);

Answer 1

利用jQuery.extend()

http://api.jquery.com/jQuery.extend/

将两个或多个对象的内容合并到第一个对象中。

setupArray = $.extend(defaultDialogSetup, setupArray);

Answer 2

另一个选择是 UnderscoreJS extend()

http://underscorejs.org/#extend

将源对象中的所有属性复制到目标对象，然后返回目标对象。它是有序的，因此最后一个源将覆盖先前参数中的同名属性。

语法与 jQuery 方法非常相似：

setupArray = _.extend(defaultDialogSetup, setupArray);