javascript - 将函数传递给 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:调用绑定(bind)函数时作为 this 参数传递给目标函数的值。如果使用 new 运算符构造绑定(bind)函数，则忽略该值。
• arg1, arg2, ...调用目标函数时要添加到提供给绑定(bind)函数的参数的参数。

_{来源 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.
});