JS的函数调用栈stack size的计算方法

当JS代码执行过程中，函数的调用将会依次进入函数调用栈，函数执行结束后，结果将会被推出函数调用栈。函数调用栈有容量的限制，如果超出会导致“堆栈溢出”，因此需要了解JS函数调用栈stack size的计算方法。

JS函数调用栈的stack size计算方法如下：

1. 找到当前正在调用的函数有多少个参数（包括默认参数和剩余参数）

2. 每个参数占用一个内存空间，计算所有参数所占的总内存

3. 如果函数内部调用了其他函数，需要递归地计算每个函数的stack size并累加上去

4. 在浏览器中，每个浏览器的JS引擎会设定一个最大的stack size值，如果计算得出的stack size超过了该值，则会导致“堆栈溢出”错误。

以下是两个计算方法的示例：

例1: 计算一个函数的stack size

function add(a, b) {
  return a + b;
}

此函数的参数为a和b，因此该函数占用的总内存空间为2个空间，即2 * 8 = 16字节（在64位系统中，JavaScript数字占据8字节空间）。该函数没有调用其他函数，因此其stack size为16字节。

例2: 计算一个包含递归调用的函数的stack size

function recursiveSum(n) {
  if (n <= 0) {
    return 0;
  }
  return n + recursiveSum(n - 1);
}

此函数的参数为n，占用的内存空间为1个空间，即1 * 8字节。由于该函数递归调用了自身，因此需要计算每次递归调用时的stack size并累加上去。当n的值为5时，调用栈将会有6个存储空间，因此该函数stack size为6 * 8 = 48字节。