有时是因为转换数据类型，例如你有一个对象，你认为是字符串。

套接字。以nodejs客户端的Id为例，它不是一个字符串。要将它作为字符串使用，你必须在前面添加单词string:

String(socket.id);

在我的例子中，我发送的是输入元素而不是它们的值:

$.post( '',{ registerName: $('#registerName') } )

而不是:

$.post( '',{ registerName: $('#registerName').val() } )

这冻结了我的Chrome标签到一个点，它甚至没有显示我的“等待/杀死”对话框，当页面变得无响应…

我知道这个帖子很旧了，但我认为值得一提的是我发现这个问题的场景，所以它可以帮助其他人。

假设你有这样的嵌套元素:

<a href="#" id="profile-avatar-picker">
    <span class="fa fa-camera fa-2x"></span>
    <input id="avatar-file" name="avatar-file" type="file" style="display: none;" />
</a>

您不能在其父元素的事件内操作子元素事件，因为它会传播到自身，进行递归调用，直到抛出异常。

所以这段代码会失败:

$('#profile-avatar-picker').on('click', (e) => {
    e.preventDefault();

    $('#profilePictureFile').trigger("click");
});

你有两个选择来避免这种情况:

将子对象移动到父对象的外部。 将stopPropagation函数应用于子元素。

以下相同代码的调用如果减少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);

这个问题可能是因为递归调用没有任何终止的基本条件。

就像在我的情况下，如果你看到下面的代码，我有相同的API调用方法和方法，我用来执行操作后的API调用。

const getData = async () => {
try {
  const response = await getData(props.convID);
  console.log("response", response);
 } catch (err) {
  console.log("****Error****", err);
}
};

基本上，解决方案就是删除这个递归调用。

我们最近添加了一个字段的管理网站，我们正在工作- contact_type…简单的对吧?好吧，如果你调用select“type”，并试图通过jquery ajax调用发送它，它会失败，这个错误深埋在jquery.js中。

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, type:type }
});

问题是，type:type -我相信是我们将参数命名为“type”-有一个名为type的值变量不是问题。我们将其更改为:

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, contact_type:type }
});

并相应地重写了some_function.php——问题解决了。