将函数传递给 submitHandler 回调

Question

我将mainSubmitHandler 用于多个页面，如有必要，我愿意将其定义为全局变量。但是，mainSubmitHandler 需要进行一些调整，我正在使用subSubmitHandler 来处理这个问题。我怎样才能将 subSubmitHandler 作为另一个全局变量而不是将其作为 agrument 传递给 mainSubmitHandler？

var mainSubmitHandler=function(form) {
    //do a bunch of stuff
    subSubmitHandler(form);
};

var subSubmitHandler=function(form) {
    //do some stuff
};

// uses jQuery validation plugin
var validator=$("#form1").validate({
    rules: {},
    messages: {},
    submitHandler: mainSubmitHandler
});

Answer 1

您可以在此处使用bind。

bind 包装了一个函数引用，允许您将范围和变量传递给目标函数：

function.bind(thisArg[, arg1[, arg2[, ...]]])

参数：

• thisArg：调用绑定函数时作为 this 参数传递给目标函数的值。如果绑定函数是使用 new 运算符构造的，则忽略该值。
• arg1, arg2, ...在调用目标函数时添加到提供给绑定函数的参数的参数。

_{来源 MDN}

var mainSubmitHandler=function(form, callback) {
    //do a bunch of stuff
    if (typeof(callBack) != "undefined" && Object.prototype.toString.call(callBack) === "[object Function]") //sanity check. Check if callback is truly a function and exists.
    {
        callback(form);
    }
};

var subSubmitHandler=function(form) {
    //do some stuff
};

// uses jQuery validation plugin
var validator=$("#form1").validate({
    rules: {},
    messages: {},
    submitHandler: mainSubmitHandler.bind(null, form, subSubmitHandler); //first argument is set to null. This passes the this argument of the targeted function.
});

Answer 2

将函数作为附加参数传递：

var mainSubmitHandler=function(form, secondFunction) {
    //do a bunch of stuff
    secondFunction(form);
};

mainSubmitHandler(form, subSubmitHandler);

这是你的意思吗？

您可以向函数传递无数个参数，所有参数都是可选的。你甚至可以这样做：

function doSomething(){ // not defining any arguments
    console.log( arguments); // will output everything you passed the function
}

doSomething( "Hello", someOtherFunction );

这也有效：

function doSomething(arg1, arg2){ // defining 2 arguments, but will accept more if given
    console.log( arguments); // will output everything you passed the function
}

doSomething( "First", "Second", someFunction, "third");

这就是为什么许多严格的人讨厌 Javascript，而我喜欢它的原因 =)