javascript - 通过这两种不同的方法调用 jQuery 功能的优缺点是什么？

Question

我试图了解这两种调用 JavaScript/jQuery 函数的方式之间的区别(如果有的话)。

方法一，在document.ready()中:

$('body').on('click', 'a.popup', popup);

然后

function popup() {
    $(this) // do something    
}

方法二，在document.ready()中:

popup();

然后

function popup() {
    $("a.popup").click(function (e) {
        // do something here
    });
}

感谢所有建议。

Answer 1

在方法 2 中，popup 函数很可能只被调用一次，否则您多次附加相同的函数 onclick，这可能不是您想要的。因此，除了直接在 document.ready() 中编写 popup 函数体没有太大好处。

方法 1 的优点是，如果您想将相同的功能附加到各种事件和/或各种元素，例如onclick、onmousemove 等。这样您就不必编写函数的主体两次。

简而言之，我看不到方法 2 的好处，而我在方法 1 中看到了一些好处。