callstack和函数调用过程

什么是callstack？

Callstack（调用栈）是一种数据结构，它可以追踪程序在执行过程中一个函数调用另一个函数的情况，从而形成一种调用栈。 在JavaScript中，函数调用的顺序通常是按照后进先出（LIFO）的顺序执行的。 每当一个函数被调用时，它会被添加到调用栈的顶部，函数执行完毕后则会被从调用栈中删除。 JavaScript引擎利用调用栈，将执行上下文的创建、销毁和跳转等操作进行管理。

函数调用过程

当JavaScript执行到一个函数调用时，它会将函数添加到调用栈的顶部。 JavaScript引擎会创建一个执行上下文（execution context），并将其添加到调用栈的顶部。 执行上下文是一个包含了函数执行的环境和状态的对象。 执行上下文包含了当前函数的参数、局部变量、this指向以及其他内部状态。

递归调用

在JavaScript中，函数调用过程可能会出现递归调用的情况。 递归调用指的是一个函数内部调用了自身，从而形成了一个无限循环的调用栈。 在这种情况下，调用栈可以被无限地扩展，直到JavaScript引擎内存崩溃。 因此，递归调用需要谨慎使用。

调用栈溢出

当调用栈的容量超出了JavaScript引擎的限制时，会发生调用栈溢出（call stack overflow）的错误。 这通常是在递归调用中出现的，因为调用栈在不断扩大，直到JavaScript引擎无法处理更多的调用栈。 调用栈溢出通常被认为是编程错误，因为它可以通过修改代码结构来避免。