javascript - 将 JavaScript 对象合二为一

Question

我有一个名为“Colorbox”(jQuery 插件)的函数，它接受许多参数，如下所示:

$(this).colorbox({
    width : "500px",
    height : "500px"
});

不过，我有几种不同类型的“this”，每种都有自己的属性。像这样:

var Type = {
  video: {
    width : "500px",
    height : "500px"
  },
  gallery: {
    width : "1065px",
    height : "600px"
  }
}

除此之外，我还有其他行为、逻辑和一组“默认”设置(它们会被更具体的设置覆盖)。我想要做的是将所有适当的设置从多个对象推送到一个对象中，这样我就可以调用:

$(this).colorbox(Settings);

我如何将一组未知的属性及其值(例如“宽度”和“高度”)从类似 Type.video 的东西转移到设置中？目标是能够调用 Settings.height 并取回我插入的值。

Answer 1

看看 JQuery extend方法。它可以将两个对象及其所有属性合并在一起。

来自 JQuery 的示例页面:

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

现在设置包含合并的设置和选项对象。