多次应用方法,更好的方法吗？

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