为何jQuery的$.post发送DOM元素会引发无限循环而非直接报错？

更新说明：经确认，此前认为原生JS存在该问题的观点有误——仅jQuery会受此影响。

核心问题拆解 #

为什么JavaScript允许发送原始DOM元素？ #

JavaScript是动态类型语言，语法层面不会强制校验传入数据的类型，只要是合法的JS对象（DOM元素本质也是JS对象）就可以传递。jQuery的$.post方法设计上接受任意可序列化对象作为参数，它不会预先判断你传入的是不是DOM元素，而是尝试对其进行序列化操作。

直接发送DOM对象时发生了什么？ #

当你传入$('#full_name')（包装了原生DOM元素的jQuery对象）时，jQuery的序列化机制会尝试遍历该对象的所有属性及嵌套属性。但DOM元素存在循环引用：比如元素的parentNode指向父元素，父元素的childNodes又包含当前元素；ownerDocument属性指向整个文档对象，而文档对象又反过来引用所有DOM元素。这种循环引用会让序列化过程陷入无限递归遍历，最终超出JS引擎的栈容量，触发栈溢出错误。

而使用$('#full_name').val()时，传递的是字符串（或基本数据类型），序列化仅需处理这个简单值，不会触发递归，因此不会出现溢出问题。

为什么没有提前拦截或用try-catch避免？ #

• 性能代价：提前检查所有参数是否包含DOM元素或循环引用，需要对每个对象做深度遍历检测，会带来额外性能开销，不符合jQuery轻量高效的设计方向。
• 设计逻辑：jQuery遵循"给开发者足够灵活性"的思路，默认假设开发者清楚自己传递的内容，不会主动拦截这类"合法但不合理"的操作。
• 栈溢出无法被try-catch捕获：栈溢出属于底层运行时错误，一旦递归深度超过栈容量，JS引擎已无法执行catch代码块，try-catch对此类错误无能为力。

内容的提问来源于stack exchange，提问作者Zak