Question

是的，我已经彻底搜索了谷歌，但没有找到任何符合我要求的内容。

我到目前为止的代码位于以下链接：

有多个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

使用 bind()

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

Answer 3

你可以尝试这样的事情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")

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

3 个答案: