javascript - 在jquery中将多个函数与相同的代码组合起来

Question

是的，我已经彻底搜索了谷歌，并没有找到任何适合我要求的东西。

我到目前为止的代码在下面的链接中：

http://jsfiddle.net/ZKwTY/4/

有多个 onchange 事件调用几乎相同的代码，我想以逗号分隔的方式将它们组合起来只调用一次。像这样的东西

   (on1Change, on2Change, on3Change): function () {
       this.loadData();
     }

这可能吗？？

注意：这些函数通过我无法控制的框架绑定到控件，我需要创建这些函数并且框架会将这些绑定到相应的控件

Answer 1

或者你可以像这样创建你的对象

var ol = {
on1Change: this.loadData,
on2Change: this.loadData,
on3Change: this.loadData,
on4Change: this.loadData,

loadData: function () {
    this.loadData1();
    this.loadData2();
},

loadData1: function () {
    alert('hi from loadData1');
},

loadData2: function () {
    alert('hi from loadData2');
}
};

然后如果你想做一次，然后声明一个对象

var ol = {
    loadData: function () {
        this.loadData1();
        this.loadData2();
    },

    loadData1: function () {
        alert('hi from loadData1');
    },

    loadData2: function () {
        alert('hi from loadData2');
    }
};// end of object

ol.on1Change = ol.on2Change = ol.on3Change = ol.on4Change = ol.loadData;

对象声明后动态添加所有属性

Answer 2

您可以尝试像这样http://jsfiddle.net/s4VVY/ 即在对象创建后添加方法

[1,2,3,4,5].forEach(function(it){ol["on"+it+"Change"] = function(){this.loadData()}}) 

更新
可能是这个帮助

var ol = (function(){
    var o = {
        loadData: function () {
            this.loadData1();
            this.loadData2();
        },

        loadData1: function () {
            alert('hi from loadData1');
        },

        loadData2: function () {
            alert('hi from loadData2');
        }
    }
    o.on1Change=o.on2Change=o.on3Change=o.on4Change=function(){ this.loadData();};

    return o;
})()

你也可以制作函数 bindFunc

function bindFunc(){
    var obj = arguments[0],
        handler = arguments[1],
        properties = Array.prototype.slice.call(arguments,2);

    for(var i in properties){
        obj[properties[i]] = handler;
    }
}

并称为

bindFunc(o,function(){this.loadData();},"on1Change","on2Change","on3Change","on4Change")

Answer 3

使用绑定（）

$("selector").bind(on1Change, on2Change, on3Change): function () {
        this.loadData();
  }.....