Basic callback function result

166

April 13, 2018, at 6:22 PM

I am trying to understand the callback concept.

When I do that:

var myCallback = function(data) {
 console.log(  'got data: '+data);
};
var usingItNow = function(callback) {
  callback('get it?');
};
usingItNow(myCallback);

I get that as output as expected:

got data: get it?

But when I do the below, I get undefined as output, why is that?

var myCallback = function(data) {
 return 'got data: '+data;
};
var usingItNow = function(callback) {
  callback('get it?');
};
console.log(usingItNow(myCallback));

Answer 1

You need to return from the usingItNow as well.

const myCallback = function(data) { 
    return 'got data: '+ data; 
}; 
 
const usingItNow = function(callback) { 
    return callback('get it?'); 
}; 
 
console.log(usingItNow(myCallback));

Answer 2

This has nothing to do with callback. You are printing out the result of a function call, but the usingItNow() function doesn't return anything, so the result is undefined.

To prove that it has nothing to do with callback, try to print out the call to a standard function that returns nothing and you will get undefined too:

function usingItNow(num) { 
  num = num + num; 
}; 
 
console.log(usingItNow(10));

Now, simply make the function return something and you will get it printed out:

function usingItNow(num) { 
  return num + num; 
}; 
 
console.log(usingItNow(10));

Which leads to what Suren mentioned in his answer, return the result of the callback to get it printed out:

const myCallback = function(data) { 
  return 'got data: ' + data; 
}; 
 
const usingItNow = function(callback) { 
  return callback('get it?'); 
}; 
 
console.log(usingItNow(myCallback));

POPULAR ONLINE

DataTables select row update date in database

Fancybox for product image not working

Leading Zeros in python for numbers [on hold]

Learn, Share, Build

How add custom claim to Azure AD access token (JWT) at token request time?

Casting a radio button with parseInt returns a string

I have a set of radio buttons which are set using the below methodsAt the point of handleChange I'm casting the value to a integer if the target element is a radio button

233

JavaScript