3

说实话，我可以调用该函数，但只是以硬编码的方式。我不想对提交绑定我的 getData 函数进行硬编码，而是想通过参数调用该函数。请帮助我，如何做到这一点。

谢谢。

formhandler = new xForm.Main(); // new formhandler
formhandler.setForm(this.formid); // fn.setForm(string) // configure the container, which has the form elements, or the form itself
modal = new xModal.Main(); // new modal handler
modal.setModal(this.modalid); // set modal element
modal.showModal(); // show
modal.bindClose(".cancel"); // bind closing classes
modal.bindSubmit(".submit", formhandler, "getData"); // bind submit to call formhandler.getData()

在 xModal.js

var xModal = xModal || {};

xModal.Main = function()
{
  var self = this;
  ...

this.bindSubmit = function(classname, a, b)
{
    this.closeclass = classname;
    $("#"+this.target).find(classname).click(function(){
        a.call(b); // edited after the original post, i forgot to replace the call's argument to b in the question excuse me for the inaccuracy
    });
}

此函数应调用 xForm 中的 getData（这是 xForm 的片段）

var xForm = xForm || {};

xForm.Main = function()
{
var self = this;
this.target = "";
this.data = {};

...

this.getData = function()
{
    getSingleElements();
    getMultiElements();
    return returnData();
}

更新：

我想我刚刚找到了一种方法来做到这一点，但请告诉我我是否做错了什么，或者你有一个更好的解决方案来解决这个问题（我很确定有人有）

我想，我有正确的方法。

在xForm中我做了一个fn，它通过参数调用函数包含在self中（实际上等于这个）

var xForm = xForm || {};

xForm.Main = function()
{
var self = this;

this.callFn = function(func)
{
    return self[func].call(this);
}

...

然后我从另一个类（xModal）调用 fn

var xModal = xModal || {};

xModal.Main = function()
{
var self = this;
this.bindSubmit = function(classname, a, b)
{
    this.closeclass = classname;
    $("#"+this.target).find(classname).click(function(){
        a.callFn(b);
    });
}

然后我只需要告诉 xModal 这个：

modal.bindSubmit(".submit", formhandler, "getData"); // bind submit to call formhandler.getData()

所以现在模态类将调用 args[1] 的 args[2] 函数。还可以通过 apply 方法为调用 fn 提供更多参数。

对我很好，但我不知道，也许你可以帮助我做得更好。

4

1 回答 1

1

您将某个对象的方法名称绑定到提交事件：

modal.bindSubmit(".submit", formhandler, "getData");

但是您也想将参数传递给该方法。这不是 Javascript 的做法。相反，只需将匿名函数绑定到事件，然后在此匿名函数中随意调用该方法：

modal.bindSubmit(".submit", function(){
    formhandler.getData("My arguments");
});

您在我的示例中看到的是作为参数传递的匿名函数。在 Javascript 中，字符串或整数等值与函数之间没有区别。可以将函数分配给变量，并作为参数传递。

为了更清楚，你也可以这样写：

var eventHandler = function(){
    formhandler.getData("My arguments");
};

modal.bindSubmit(".submit", eventHandler);

这被称为“第一类函数”，是“函数式编程”范式的一部分。

在事件处理函数内部，您仍然可以访问创建它的 scooe 中的变量，例如 formhandler 对象。这称为“关闭”。

阅读此内容。一开始它会让你大吃一惊，但它真的值得你花时间，因为它会让你看到更简单的解决方案。

从您的示例中，我不确定对象模式是什么。如果它是 jQuery 元素，我的示例应该可以立即运行，否则，您需要更新代码以调用作为事件处理程序传入的函数，而不是调用对象上的方法。

于 2012-05-30T10:21:41.910 回答