Maximum call stack size exceeded 问题分析

因为最近一直在写前端代码,刚好最经在前端遇到一个很奇怪的问题,如下截图:

翻译过来就是:超过最大调用堆栈大小

看到这样堆栈的代码我就很好奇,恕我才疏学浅,只知道虚拟机才会存在栈堆内存的问题,所以自己研究了一下:

js中的堆栈内存,俗称叫做作用域(全局作用域/私有作用域),为js代码执行的环境(执行js代码的地方),基本数据类型值是存在栈内存的

堆内存:

存储引用数据类型值的（相当于一个存储的仓库）,对象存储的是键值对,函数存储的是代码字符串

栈内存:

一般情况下，函数执行形成栈内存，函数执行完，浏览器会把形成的占内存自动释放；有时候执行完成，占内存不能被释放

全局作用域在加载页面的时候执行，在关掉页面的时候销毁；

错误解析:

 "超出最大调用堆栈大小",出现这样的原因是:在代码中一个函数又在调用另一个函数,该函数又在调用另一个函数,以此类推,直到调用用堆栈限制,这几乎总是因为具有未满足的基本情况的递归函数!

例如:

(function a() {
    a();
})();

调用堆栈会一直增长，直到达到限制：浏览器硬编码堆栈大小或内存耗尽。为了解决这个问题，请确保您的递归函数具有能够满足的基本情况 .

(function a(x) {
    if ( ! x) {
        return;
    }
    a(--x);
})(10);

有了停止调用的判断条件，就不会有堆栈溢出了