javascript - Javascript 函数的 jQuery 事件处理程序

Question

问题标题有点晦涩，让我解释一下。

最近才向我解释的一个需求是在我的项目中使用 jQuery。但有人指出，我的函数没有问题，只要它们包含一些 jQuery，就可以重复使用。

所以我第一次探索事件监听器的世界(js 端不在 HTML 中)

一个标准的 Jquery onclick 事件:

referenceToElement.onclick = function () { alert('here'); };

我注意到的一件事是该函数实际上没有名称。有什么干净的方法可以做这样的事情:

referenceToElement.onclick = myOldJavascriptFunction();

function myOldJavascriptFunction()
{
    //blahblahblah
}

这是好的做法还是有更好的方法。现在我想到这还能行得通吗？

Answer 1

即使这个问题实际上值得投反对票，因为您可以通过搜索轻松回答所有这些问题，我也会提醒您。

那个

referenceToElement.onclick = function () { alert('here'); };

肯定不是 jQuery 标准的东西。它是纯 Javascript，向 DOM 引用添加属性，在本例中为匿名函数。但是，您现在基本上问了两个问题。

• 我们可以给那个匿名函数起个名字吗？ => 是的
• 我们可以引用在别处定义的函数吗？ => 是的

要给它起个名字，我们可以像这样创建一个命名函数表达式

referenceToElement.onclick = function myFunctionName() { alert('here'); };

要引用一个函数，我们只需传入它的名字

referenceToElement.onclick = myOldJavascriptFunction;

最后，添加相同事件监听器的 jQuery 语法如下所示:

$( referenceToElement ).click( myOldJavascriptFunction );