JS调用堆栈

调用栈

　　JavaScript 是一门单线程的语言，这意味着它只有一个调用栈，因此，它同一时间只能做一件事。如果我们运行到一个函数，它就会将其放置到栈顶。当从这个函数返回的时候，就会将这个函数从栈顶弹出，这就是调用栈做的事情。

1  function multiply(x, y) {
2       return x * y;
3     }
4  function printSquare(x) {
5       var s = multiply(x, x);
6       console.log(s);
7     }
8     printSquare(5);

　　上下文

事件循环　　

引入链接 ：

https://juejin.cn/post/6844903512845860872

　　

• macro-task(宏任务)：包括整体代码script，setTimeout，setInterval
• micro-task(微任务)：Promise，process.nextTick

进入整体代码（宏任务）后，开始第一次循环。接着执行所有的微任务。然后再次从宏任务开始，找到其中一个任务队列执行完毕，再执行所有的微任务。

 1 setTimeout(function() {
 2     console.log('setTimeout');
 3 })
 4
 5 new Promise(function(resolve) {
 6     console.log('promise');
 7 }).then(function() {
 8     console.log('then');
 9 })
10
11 console.log('console');

• 首先进入整体代码（宏任务）
• 遇到SetTimout，将其回调函数console.log 加入宏任务的Event Queue
• 遇到 new Promise  执行 ，将.then加入到微任务
• 遇到 console.log  执行
• 整个script代码（宏任务）这个时候已经执行，然后检查微任务发现有 一个.then的微任务，执行他
• 第一轮宏代码已经执行完成，开始了第二轮，检查宏任务的Event Queue，发现了setTimeout，执行他。