I am having difficulty grasping the concept of callback functions. I know that they are functions passed as parameters to other functions. My assumption was that when a function is passed as a parameter, it would be recognized as a callback function and executed at the end, after everything else has been processed.
To test this theory, I wrote the following code snippet:
newFunction = (x,y,z, callback) => {
callback();
let sum = x + y + z;
console.log(sum);
}
newerFunction = () => {
console.log("This is the callback function");
}
newFunction(2,3,4,newerFunction)
If my understanding was correct, I should have seen the sum logged first, followed by the callback function printing "This is the callback function."
Surprisingly, the opposite happened. The callback function was called first, then the sum was printed. Although the order of execution in the newFunction suggests this, if the callback were truly executed last, the sum should have been logged before.
I realize that callbacks can be synchronous, but my understanding of their concept seems incomplete and inaccurate.
Please provide assistance.
I used to believe I had a good grasp on the topic, but upon revisiting it, I find myself struggling to comprehend it.
Thank you for your help.