javascript - 带有几个参数的 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然后，您可以使用循环遍历属性。