为什么$（$）会导致我的页面崩溃？

Question

免责声明：请勿在家中尝试此操作

---

为什么我在使用jQuery时，$($)会导致页面冻结？

- Naftali

---

美元是一个函数。如果你用美元调用自身，它会陷入无限递归。 - Demnogonis

为什么这个问题需要保护？ - Jeremy

我应该称之为“jQueryCursion”或“jQueRecursive”！ - Lloyd Dominic

Answer 1

$($)是$(document).ready($)的快捷方式。因此，它将在DOM准备就绪时运行该函数，或者当已经准备就绪时直接运行该函数。

传递给.ready的函数方便起见会传递jQuery函数（特别是在noConflict模式下非常有用）。因此，$($)将使用$作为参数调用$ - 然后一切都会再次发生，这是无限递归。

---

另一个解释：

1. 您调用$($)。
2. jQuery将函数参数($)添加到内部的ready列表中。
3. 稍后，jQuery看到DOM已准备就绪，并认为："让我们调用ready列表中的所有函数"。
4. ready列表中唯一的函数是$，因此它调用$。
5. jQuery看到应该将$函数作为参数传递给这些函数。
6. 它使用$作为参数调用$。
7. $函数将函数作为其参数，但由于DOM已准备就绪，它直接调用该函数（没有需要等待的内容）。
8. $函数被使用$作为参数来调用。
9. 由于步骤7适用于所有内容，因此一切都会再次发生。

- pimvdb

---

@LightnessRacesinOrbit - 是的 - $(func)是$(document).ready(func)的简写形式。 - pimvdb

你的评论和原始答案略有不同 :P - Xyan Ewing

@pimvdb：你之前没有加上($) ;) - Lightness Races in Orbit

@JAAulde: 没有特别的，你只是不必要地不精确。这个区别对于这个问题非常重要，因为我们正在分析一个对$的特定参数调用会做什么。当然，在这种情况下，它实际上是$(document).ready()的快捷方式，因为$是一个函数。 - Lightness Races in Orbit

@Incognito：那是因为你没有使用该参数。尝试 $(function f($_again) { $_again(f); })。 - pimvdb

Answer 2

我称之为“jQueryception”。

你在jQuery内部调用整个jQuery库。

更多信息：

当你调用"$"（由jQuery库定义为核心函数）时，它会初始化jQuery并尝试调用已定义的函数。当你实际调用"$($);"时，你将在jQuery内部调用jQuery，而它将一遍又一遍地调用jQuery。

来自jQuery 1.7.1源代码；

    // HANDLE: $(function)
    // Shortcut for document ready
    } else if ( jQuery.isFunction( selector ) ) {
        return rootjQuery.ready( selector );
    }

并且

rootjQuery = jQuery(document);

正如你所见，当你调用$()函数时，它会试图用你的函数名来调用jQuery，如果你再次用jQuery调用它，同样的事情将会无限循环发生，就像我之前解释的那样。

- Diabolic

---

@Diabolic - 你能再解释一下吗，这样答案就不会被删除了吗？ - Naftali

我认为有必要稍微扩展一下这个答案。 - Kev

有没有插件可以停止这个？ - iConnor

Answer 3

$是jQuery工厂函数的别名。

当将函数作为第一个参数传递给jQuery工厂函数时，它会在document.ready时运行该函数，并将jQuery作为第一个参数传递给它。

因此，当达到document.ready时，就会开始无限递归。

- JAAulde

---

当文档加载完成后，您如何在控制台中运行它并获得相同的结果？ - Dagg Nabbit

如果 document.ready 已经被触发，jQuery 就会立即执行传递给它的函数。 - JAAulde

我可以通过在Firebug控制台中调用$（$）来使我的浏览器崩溃（至少挂起一段时间）。 - Diabolic