Why does the callback fire earlier than it should?

Question

JavaScript

Wrote the code https://codepen.io/CitizenOne/pen/qxZmoP
I'm trying to make the callback always run after the main function code. Callback should sort of wait.
What am I doing wrong? I, as in all articles on this topic, pass a function as an argument.

Answer 1

Callback should sort of wait.

Why did you decide that the callback should wait?
In your case, you need either:

function callBack(func2){
  setTimeout(function(){
     console.log(1); 
     func2();
  }, 500);
}
callBack(function(){
  console.log(2);
});

Or like this:

function callBack(func2){
  console.log(1); 
  func2();
}
callBack(function(){
  console.log(2);
});

Answer 2

And what's the problem, everything works exactly as you asked.
The callBack function sets a timer and calls the function passed to it as a parameter, 2 is output. After 500 milliseconds, the function passed in the timeout is called, 1 is output.

Answer 3

I guess you wanted to do something like this: https://jsfiddle.net/w2md0h6j/2/