javascript - 设置JavaScript以使用不同的参数调用函数

我有以下ExtJS Controller 代码:

init: function() {
    this.control({
        '#menuitem-A': { click: this.handlerA },
        '#menuitem-B': { click: this.handlerB },
    });
},

和以下事件处理程序:

commonFunc: function(param1, param2) {
    // do something with param1 and param2 in here
},

handlerA: function(button, event) {
    this.commonFunc('param-A1', 'param-A2');
},

handlerB: function(button, event) {
    this.commonFunc('param-B1', 'param-B2');
},

问题:当前代码是多余的:handlerA和handlerB只是使用不同的参数调用commonFunc
问题:
我想删除handlerA和handlerB，取而代之的是call或apply和上面的commonFunc和handlerA函数中具有任意参数的通用函数handlerB，用于不同的事件处理程序。可能吗？

例:

init: function() {
    this.control({
        '#menuitem-A': { click: /*commonFunc with ['param-A1', 'param-A2']*/ },
        '#menuitem-B': { click: /*commonFunc with ['param-B1', 'param-B2']*/ },
    });
},

非常感谢!

最佳答案

这个怎么样:

init: function() {
    this.control({
        '#menuitem-A': {
            click: function(button, event){
                this.commonFunc('param-A1', 'param-A2');
            }
        },
        '#menuitem-B': {
            click: function(button, event){
                this.commonFunc('param-B1', 'param-B2');
            }
        }
    });
},