javascript - 多次应用一种方法，有更好的方法吗？

Question

我有 displayTabPanel 函数，我使用不同的参数多次应用它，如下所示:

var display = function () {

    displayTabPanel(tab1, tab1_name, tab1_width, tab1_height, tab1_btn);

   displayTabPanel(tab2, tab2_name, tab2_width, tab2_height, tab2_btn);

   displayTabPanel(tab3, tab3_name, tab3_width, tab3_height, tab3_btn);

};

var displayTabPanel = function(tab, tab_name, tab_width, tab_height, tab_btn){
   //...
};

我至少接到了 9 个这样的电话，这样说真的很难看，有更好的方法吗？

Answer 1

如果这只是为了提高可读性，您可以执行以下操作:

function displayTabPanels(panels) {
    for( i in panels) {
        tab = panels[ i ];

        displayTabPanel(tab.id, tab.name, tab.width, tab.height, tab.class);
    }
}

var panels = [
    {id: 'tab1', name: 'tab1_name', width: 'tab1_width', height: 'tab1_height', class: 'tab1_btn'},
    {id: 'tab1', name: 'tab1_name', width: 'tab1_width', height: 'tab1_height', class: 'tab1_btn'},
    {id: 'tab1', name: 'tab1_name', width: 'tab1_width', height: 'tab1_height', class: 'tab1_btn'},
];

displayTabPanels(panels);