How to pass a callback as a parameter into another function

by

Yup. Function references are just like any other object reference, you can pass them around to your heart’s content.

Here’s a more concrete example:

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!"

You can also pass in arguments for 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"

More Related Contents:

  1. passing index from for loop to ajax callback function (JavaScript)
  2. JavaScript: Detect AJAX requests
  3. jQuery $.ajax(), pass success data into separate function
  4. How to send data to the server via Ajax?
  5. How can I upload files asynchronously with jQuery?
  6. Download a file by jQuery.Ajax
  7. Variable doesn’t get returned from AJAX function
  8. Executing injected by innerHTML after AJAX call
  9. Prevent browser caching of AJAX call result
  10. How does AJAX work?
  11. Post data to JsonP
  12. HTTP HEAD Request in Javascript/Ajax?
  13. How to get an AJAX get-request to wait for the page to be rendered before returning a response?
  14. Caching a jquery ajax response in javascript/browser
  15. google maps move marker with lat/lng from ajax success returned data
  16. Is it possible to catch exceptions thrown in a JavaScript async callback?
  17. Javascript – Get Image height
  18. What does Asynchronous means in Ajax?
  19. Are MicrosoftAjax.js, MicrosoftMvcAjax.js and MicrosoftMvcValidation.js obsolete as of ASP.NET MVC 3?
  20. How to intercept all http requests including form submits
  21. Cannot handle 302 redirect in ajax and why? [duplicate]
  22. jQuery DataTables server-side processing using ASP.NET WebForms
  23. Can AJAX request data from a remote server?
  24. How do I verify jQuery AJAX events with Jasmine?
  25. Relative URLs in AJAX requests
  26. Send form data using ajax
  27. jQuery ajax async: false causes a strange warning?
  28. How to make a button execute a php script?
  29. JavaScript Callback after calling function
  30. How to return an array from an AJAX call?

Leave a Comment