在javascript运行时中，堆栈的“框架”与队列的“消息”之间有什么区别？

Question

In this article , I'm looking at this piece of code:

function foo(b) {
  var a = 10;
  return a + b + 11;
}

function bar(x) {
  var y = 3;
  return foo(x * y);
}

console.log(bar(7)); //returns 42

And in the next paragraph, they say that each function bar, foo, are frames that are added to the stack.

But I don't understand where the queue comes to the picture; In that piece of code, where are the "messages" is the console.log() a message? How can we differ a message from a stack frame?

Answer 1

You could add some outputs to the function which function is actually running an on stack while running.

Every function call creates a new stack entry and this entry pops after/with returning the function.

For better visalizing and getting a console.log , the return value is chached in temp and returned after showing the message.

 function foo(b) { console.log('put foo on stack'); var a = 10, temp temp = a + b + 11; console.log('pop foo from stack'); return temp; } function bar(x) { console.log('put bar on stack'); var y = 3, temp; temp = foo(x * y); console.log('pop bar from stack'); return temp; } console.log(bar(7)); //returns 42