调用栈

mobs 8/11/2022 Call Stack

# 前言

调用栈是JavaScript引擎的解释器在执行函数的时候的一种机制。

是一种数据结构。
用于管理多个函数之间调用关系。
帮助我们追踪当前哪个函数在执行，执行的函数又调用的哪个函数。

# 函数调用

调用一个函数的写法 => 函数名 + ()

function test() {
  console.log('芜湖~')
}
// 调用函数
test()

1
2
3
4
5

执行test函数之前，JavaScript引擎会先创建全局执行上下文。
执行到test()。
从全局执行上下文中取出变量环境中的test函数代码。
对test函数代码进行编译、创建test函数执行上下文。
执行test函数的可执行代码。

在执行JavaScript的时候，会出现多个执行上下文，JavaScript引擎通过栈的数据结构进行管理。

# 栈 stack

单端操作数据
特点：先进后出
想象成一个桶装薯片🍟，开盖取出一片（出栈），把一片放回去（入栈）

# 调用栈（执行上下文栈）

JavaScript引擎利用栈来管理执行上下文，创建完执行上下文后，JavaScript引擎将执行上下文入栈，函数执行完毕，JavaScript引擎将该函数的执行上下文出栈，所以这种就一般称为执行上下文栈，又名调用栈。

# 栈溢出（Stack Overflow）

要注意调用栈是有大小的，若入栈的执行上下文数量超出一定数量，JavaScript引擎会报错：超过了最大栈调用大小（Maximum call stack size exceeded）。常见写一个递归，没有终止条件，一直创建新的执行上下文，反复入栈。~~所以少写写递归~，你就不能用while嘛？~~

function foo(a,b){
    return foo(a,b)
}
console.log(foo(1,2))

1
2
3
4

# 总结

调用函数，JavaScript引擎创建执行上下文，将其入栈，然后开始执行可执行代码。
函数执行完毕，JavaScript引擎将其执行上下文出栈。
调用栈被塞满，报错“栈溢出”。
栈这种数据结构还是比较重要的。常见就是通过栈管理函数之间调用关系。

执行上下文堆栈数据存储

Mobs Blog

调用栈