javascript - 具有两个参数的JavaScript对象

目标

我想创建一个具有几个参数的函数：

MyObject.calculateResponsiveHeights({
    containers: {
        ".content",
        ".sidebar"
    },
    spacing: {
        125, // This will be attributed to ".content"
        240 // This will be attributed to ".sidebar"
    }
});

问题

我不知道该怎么做。

我现在所拥有的（函数实现-仅需了解情况）

function calculateResponsiveMeasures() {
    var containerContentResponsiveHeight = $(window).height() - 185,
        sidebarProductsSummaryResponsiveHeight = $(window).height() - 255;

    containerContentResponsiveHeight = containerContentResponsiveHeight + "px";
    sidebarProductsSummaryResponsiveHeight = sidebarProductsSummaryResponsiveHeight + "px";

    $(".container-content").css("height", containerContentResponsiveHeight);
    $(".products-summary").css("height", sidebarProductsSummaryResponsiveHeight);
}

是的，那真令人恶心，是吗？

观察结果

我不是要改进代码，也不是说这是更好还是更坏的方法，我只是想更好地组织我的功能。

干杯!

最佳答案

您正在尝试创建一个数组：[1, 2, 3]。

但是，应改为使用单个对象：

{
    ".content": 125,
    ".sidebar": 240
}

然后，您可以使用for in loop遍历属性。