为什么声明到 jQuery 就绪事件处理程序中的函数会出现“未定义”错误？

Question

我创建了一个通用函数 JavaScript 文件，其中包含以下代码：// js/common_functions.js$(document).ready(function () {    function showLoader() {        if ($("#loading").length > 0) {            $("#loading").removeClass("hideElement");        }    }});现在，我已经将这个文件包含在一个 PHP 文件中，并且我正在使用它，如下所示：<script type="text/javascript" src="js/common_functions.js"></script><script type="text/javascript">     $(document).ready(function () {         showLoader();     });</script>文件包含工作正常，据我说，showLoader()应该调用函数，但它不起作用，我收到以下错误：ReferenceError: showLoader is not defined

Answer 1

您的函数声明位于另一个函数内部，因此它的范围仅限于该函数，并且在它之外不可用。

不要那样做。

使用ready事件处理程序完全没有意义，因为“定义一个函数”（您在其中所做的唯一事情）绝对不依赖于可用的 DOM 元素。