在我的例子中，我有两个同名的变量!

以下相同代码的调用如果减少1，在我的计算机上的Chrome 32中工作，例如17905 vs 17904。如果按原样运行，它们将产生错误“RangeError:最大调用堆栈大小超出”。这个限制似乎不是硬编码的，而是取决于您机器的硬件。如果作为函数调用，这种自我施加的限制似乎比作为方法调用要高，也就是说，当作为函数调用时，这个特定的代码使用更少的内存。

作为方法调用:

var ninja = {
    chirp: function(n) {
        return n > 1 ? ninja.chirp(n-1) + "-chirp" : "chirp";
    }
};

ninja.chirp(17905);

作为函数调用:

function chirp(n) {
    return n > 1 ? chirp( n - 1 ) + "-chirp" : "chirp";
}

chirp(20889);

检查Chrome dev工具栏控制台中的错误细节，这将为您提供调用堆栈中的函数，并指导您找到导致错误的递归。

这意味着在代码的某个地方，您正在调用一个函数，该函数又调用另一个函数，以此类推，直到达到调用堆栈限制。

这几乎总是因为递归函数的基本情况没有得到满足。

查看堆栈

考虑这段代码…

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

下面是几次调用后的堆栈…

正如您所看到的，调用堆栈不断增长，直到达到极限:浏览器硬编码的堆栈大小或内存耗尽。

为了修复它，确保你的递归函数有一个基本情况，能够满足…

(function a(x) {
    // The following condition 
    // is the base case.
    if ( ! x) {
        return;
    }
    a(--x);
})(10);

我有这个错误，因为我有两个同名的JS函数

在我的例子中，两个jQuery模态是堆叠在一起的。阻止这一切解决了我的问题。