javascript - 对于定义低于其使用的函数，出现错误 ReferenceError

Question

我读到您应该将 Javascript 放在页面的最底部。但是，当我这样做时，我收到一个 ReferenceError: showDialog is not Defined 错误，因为我在使用它之前引用了它。我把它包装在 document.ready 中，但仍然不起作用。

<a href="javascript:void(0)" onclick="showDialog()">Add New User</a>

$(function() {
    function showDialog() {
        $('#dialog-AddUser').show();
    }
}

Answer 1

$(function () {
    function showDialog() {
        $('#dialog-AddUser').show();
    }
}

您在这里遇到了范围问题。与文档加载完全无关。请记住，每当您在函数内声明/创建某些内容时，它都是该函数的本地内容。将其移至整个文档都可以看到的外部。

简单地写

 function showDialog() {
            $('#dialog-AddUser').show();
        }

应该可以。

即使您在文档就绪中编写此函数，您的函数也会再次本地化到该特定的就绪函数并且对外部不可见。