javascript - 在函数内部使用 jQuery 的正确方法是什么？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我知道这个问题相当主观，但我确信我没有遵循这个问题的标准 - 虽然风格和方法可能与开发不同，但有一些非常可靠的标准。

无论如何，在使用 jQuery 库的 javascript 中定义函数时，我通常会执行以下操作；

function funcName() {
    $(document).ready(function() {
         // Do stuff
    });
}

尝试执行此操作以便在函数内部使用 jQuery 对我来说不起作用，因此我使用上述内容；

$(document).ready(function() {
     function funcName() {
         // Do stuff
     }
});

任何关于在函数中使用 jQuery 的符合标准/通用方法的评论/答案将非常感激!

编辑: 非常愚蠢的行为让我问了这个问题。自从我开始使用 jQuery(在我真正了解有关开发的任何知识之前)，我总是将我的代码放在 $(document).ready(function{}) 中。 ，没有考虑它的实际目的。

如果您想投票结束此问题，请投票。

Answer 1

问题是当你打电话

$(document).ready(function(){
 myFunc();
});

一旦触发文档就绪事件(当页面就绪时)，myFunc 将被调用。

但是，如果您将该 block 放入函数中，则每当您调用包装函数时都会调用它，并且可能为时已晚，无法监听 document.ready 事件。

即。

function doSomething()
{
    $(document).ready(function(){
        myFunc();
    });
}

当您调用 doSomething() 时，它会将 myFunc() 绑定(bind)到页面就绪事件。但是，如果您在 page.ready 事件触发(您的页面已加载)之后调用它，就像您在用户单击某些内容时调用它一样，那么 myFunc() 将永远不会发生。

第一个实现通常是最好的，通常您不希望立即将函数绑定(bind)到事件，然后响应它们。