Как передать обратный вызов в качестве параметра другой функции

Я новичок в функциях ajax и обратного вызова, пожалуйста, простите меня, если я неправильно понимаю концепции.

Проблема: Могу ли я отправить функцию обратного вызова в качестве параметра другой функции, которая будет выполнять обратный вызов?

function firstFunction(){
    //some code

    //a callback function is written for $.post() to execute
    secondFunction("var1","var2",callbackfunction);
}

function secondFunction(var1, var2, callbackfunction) {
    params={}
    if (event != null) params = event + '&' + $(form).serialize();

    // $.post() will execute the callback function
    $.post(form.action,params, callbackfunction);
}

javascript call ajax callback
person Wee Kiat    schedule 24.06.2011    source источник
comment
возможный дубликат Лучшее понимание функций обратного вызова в JavaScript   -  person ninjagecko    schedule 24.06.2011

Ответы (6)


arrow_upward
129
arrow_downward

Ага. Ссылки на функции такие же, как и любые другие ссылки на объекты, вы можете передавать их сколько угодно.

Вот более конкретный пример:

function foo() {
    console.log("Hello from foo!");
}

function caller(f) {
    // Call the given function
    f();
}

function indirectCaller(f) {
    // Call `caller`, who will in turn call `f`
    caller(f);
}

// Do it
indirectCaller(foo); // logs "Hello from foo!"

Вы также можете передать аргументы для foo:

function foo(a, b) {
    console.log(a + " + " + b + " = " + (a + b));
}

function caller(f, v1, v2) {
    // Call the given function
    f(v1, v2);
}

function indirectCaller(f, v1, v2) {
    // Call `caller`, who will in turn call `f`
    caller(f, v1, v2);
}

// Do it
indirectCaller(foo, 1, 2); // logs "1 + 2 = 3"

person T.J. Crowder    schedule 24.06.2011

arrow_upward
13
arrow_downward

Кроме того, это может быть просто:

if( typeof foo == "function" )
    foo();
person Brad    schedule 27.10.2011

arrow_upward
11
arrow_downward

Если вы введете в Google javascript callback function example, вы получите Лучшее понимание обратного вызова функции в JavaScript

Вот как сделать функцию обратного вызова:

function f() {
    alert('f was called!');
}

function callFunction(func) {
    func();
}

callFunction(f);
person ninjagecko    schedule 24.06.2011

arrow_upward
2
arrow_downward

Да, конечно, функции являются объектами и могут быть переданы, но, конечно, вы должны объявить это:

function firstFunction(){
    //some code
    var callbackfunction = function(data){
       //do something with the data returned from the ajax request
     }
    //a callback function is written for $.post() to execute
    secondFunction("var1","var2",callbackfunction);
}

Интересно то, что ваша функция обратного вызова также имеет доступ ко всем переменным, которые вы могли объявить внутри firstFunction () (переменные в javascript имеют локальную область видимости).

person Nicola Peluchetti    schedule 24.06.2011

arrow_upward
0
arrow_downward

Пример для CoffeeScript:

test = (str, callback) ->
  data = "Input values"
  $.ajax
    type: "post"
    url: "http://www.mydomain.com/ajaxscript"
    data: data
    success: callback

test (data, textStatus, xhr) ->
  alert data + "\t" + textStatus
person nothing-special-here    schedule 05.12.2013
comment
что означает -> в javascript? @ здесь ничего особенного - person shenkwen; 20.04.2016
comment
-> - это обычная функция. var test = function(str, callback) { ajax call } - person BarryMode; 22.06.2016
comment
@shenkwen Тонкая стрелка - ›синтаксис CoffeeScript, а не JavaScript, и просто означает обычную функцию JavaScript при компиляции в JavaScript. В JavaScript есть аналогичная стрелочная функция w3schools.com/Js/js_arrow_function.asp - person Bryan; 25.05.2020

arrow_upward
0
arrow_downward

Вы можете использовать JavaScript CallBak следующим образом:

var a;

function function1(callback) {
 console.log("First comeplete");
 a = "Some value";
 callback();
}
function function2(){
 console.log("Second comeplete:", a);
}


function1(function2);

Или обещание сценария Java:

let promise = new Promise(function(resolve, reject) { 
  // do function1 job
  let a = "Your assign value"
  resolve(a);
});

promise.then(             

function(a) {
 // do function2 job with function1 return value;
 console.log("Second comeplete:", a);
},
function(error) { 
 console.log("Error found");
});
person Imranmadbar    schedule 14.10.2019