您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

jQuery将更多参数传递给回调

jQuery将更多参数传递给回调

解决方案是通过闭包绑定变量。

作为一个更基本的示例,下面是一个示例函数,该函数接收并调用一个回调函数,以及一个示例回调函数

function callbackReceiver(callback) {
    callback("Hello World");
}

function callback(value1, value2) {
    console.log(value1, value2);
}

这将调用回调并提供一个参数。现在,您想提供一个附加参数,因此您可以将回调包装在闭包中。

callbackReceiver(callback);     // "Hello World", undefined
callbackReceiver(function(value) {
    callback(value, "Foo Bar"); // "Hello World", "Foo Bar"
});

或者,更简单地使用ES6箭头函数

callbackReceiver(value => callback(value, "Foo Bar")); // "Hello World", "Foo Bar"

对于您的特定示例,我没有.post在jQuery中使用过该函数,但是对文档的快速扫描显示,回调应该是具有以下签名的 函数指针

function callBack(data, textStatus, jqXHR) {};

因此,我认为解决方案如下:

var doSomething = function(extraStuff) {
    return function(data, textStatus, jqXHR) {
        // do something with extraStuff
    };
};

var clicked = function() {
    var extraStuff = {
        myParam1: 'foo',
        myParam2: 'bar'
    }; // an object / whatever extra params you wish to pass.

    $.post("someurl.PHP", someData, doSomething(extraStuff), "json");
};

怎么了?

在最后一行中,doSomething(extraStuff)调用 ,并且 调用 的结果是一个 函数指针

因为extraStuff作为参数传递给doSomething它,所以它在doSomething函数的范围之内。

extraStuff在返回的匿名内部函数中引用了when,doSomething并通过闭包将其绑定到外部函数extraStuff参数上。即使doSomething返回后也是如此。

我没有测试上面的内容,但是在过去的24小时中,我编写了非常相似的代码,并且可以按照我的描述进行工作。

当然,根据个人喜好/编码标准,您可以传递多个变量而不是单个“ extraStuff”对象。

JS 2022/1/1 18:17:07 有377人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶