带有几个参数的 JavaScript 对象

Question

目标

我想创建一个具有几个这样的参数的函数:

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

是啊，这很恶心吧？

观察结果

我并不是要求改进我的代码，也不是说这是更好还是更差的方法 - 我只是想更好地组织我的函数。

干杯!

Answer 1

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

但是，您应该使用单个对象:

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

然后您可以使用 for in loop 迭代属性.