JavaScript 中，执行上下文及执行上下文栈是什么？

最新推荐文章于 2023-01-12 16:43:20 发布

原创最新推荐文章于 2023-01-12 16:43:20 发布 · 565 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#执行上下文 #执行上下文栈 #JavaScript

javascript 专栏收录该内容

28 篇文章

订阅专栏

本文深入探讨了JavaScript的执行上下文概念，包括全局上下文、函数上下文及其管理方式。通过具体的代码示例，展示了执行上下文栈如何遵循先进后出原则管理JS执行流程。

执行上下文就是指代码执行的作用域，js中常见的有全局上下文，函数上下文。
JS引擎使用执行上下文栈来管理执行上下文。上下文栈确保了JS的执行过程，我们知道JS是单线程的，所以每次需要创建新的上下文就会对应一个上下文栈，遵循先进后出的原则。

var a = 1;
function b() {
    console.log(a)
    function c() {
      console.log('c')
    }
    c()
}
b()

全局入栈 -> b入栈 -> c入栈 

|      | |      | |      | |   c  |
|      | |      | |   b  | |   b  |
|      | |global| |global| |global| 

C出栈 -> b出栈 -> 全局出栈
|   c  | |      | |      | |      |
|   b  | |  b   | |      | |      |
|global| |global| |global| |      |

执行完毕