当你有一个回调函数，它将被你的代码以外的东西调用，具有特定数量的参数，你想传递额外的参数，你可以传递一个包装器函数作为回调，并在包装器内部传递额外的参数。

function login(accessedViaPopup) {
    //pass FB.login a call back function wrapper that will accept the
    //response param and then call my "real" callback with the additional param
    FB.login(function(response){
        fb_login_callback(response,accessedViaPopup);
    });
}

//handles respone from fb login call
function fb_login_callback(response, accessedViaPopup) {
    //do stuff
}

带有任意数量参数和回调上下文的问题的代码:

function SomeFunction(name) {
    this.name = name;
}
function tryMe(param1, param2) {
    console.log(this.name + ":  " + param1 + " and " + param2);
}
function tryMeMore(param1, param2, param3) {
    console.log(this.name + ": " + param1 + " and " + param2 + " and even " + param3);
}
function callbackTester(callback, callbackContext) {
    callback.apply(callbackContext, Array.prototype.splice.call(arguments, 2));
}
callbackTester(tryMe, new SomeFunction("context1"), "hello", "goodbye");
callbackTester(tryMeMore, new SomeFunction("context2"), "hello", "goodbye", "hasta la vista");

// context1: hello and goodbye
// context2: hello and goodbye and even hasta la vista

我试图传递一些参数的函数用作回调，我怎么能这样做?

我认为他是在暗示他想调用这个callbackTester函数(tryMe， "hello"， "goodbye")。为此，我们可以使用Rest操作符(…)。该操作符接受函数接收到的参数，并将它们转储到一个实数组中，我们将在回调函数中使用该数组进行访问。

现在，其他一些开发人员可能也认为我们可以使用参数"array"。那很好，但我们要小心。Arguments不是一个真正的数组，而是一个具有length属性的类数组对象。

下面是一个使用Rest操作符的工作代码片段:

函数tryMe(参数){ console.log(参数。加入(',')); ｝ 函数callbackTester(回调，…params) { 回调(params); ｝ callbackTester(tryMe， 'hello'， 'goodbye'， 'hi again'); callbackTester(tryMe， 'hello'， 'goodbye'); callbackTester (tryMe '你好');

将作为参数传递的“子”函数包装在函数包装器中，以防止在调用“父”函数时计算它们。

function outcome(){
    return false;
}

function process(callbackSuccess, callbackFailure){
    if ( outcome() )
        callbackSuccess();
    else
        callbackFailure();
}

process(function(){alert("OKAY");},function(){alert("OOPS");})

当你有一个回调函数，它将被你的代码以外的东西调用，具有特定数量的参数，你想传递额外的参数，你可以传递一个包装器函数作为回调，并在包装器内部传递额外的参数。

function login(accessedViaPopup) {
    //pass FB.login a call back function wrapper that will accept the
    //response param and then call my "real" callback with the additional param
    FB.login(function(response){
        fb_login_callback(response,accessedViaPopup);
    });
}

//handles respone from fb login call
function fb_login_callback(response, accessedViaPopup) {
    //do stuff
}

这也可以:

回调函数 函数tryMe（param1， param2） { 警报（参数 1 + “ 和 ” + 参数 2）; } 回调执行器 函数回调测试器（回调） { 回调（）; } 测试功能 callbackTester（function（） { tryMe（“hello”，“goodbye”）; });

另一个场景:

// callback function function tryMe(param1, param2, param3) { alert(param1 + " and " + param2 + " " + param3); } // callback executer function callbackTester(callback) { //this is the more obivous scenario as we use callback function //only when we have some missing value //get this data from ajax or compute var extraParam = "this data was missing"; //call the callback when we have the data callback(extraParam); } // test function callbackTester(function(k) { tryMe("hello", "goodbye", k); });