javascript - jQuery 编码标准和最佳实践(分离事件和函数)

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 9 年前。

Improve this question

我一直在阅读this article ，这建议将事件与函数分开。但我该怎么办e.preventDefault()像这样吗？

$("#myLink").on("click", function(){...}); // BAD


// GOOD
function myLinkClickHandler(){...}
$("#myLink").on("click", myLinkClickHandler);

Answer 1

在我看来，如果满足以下条件，建议先定义一个函数，然后将其分配为事件监听器:

1. 同一函数可以用作另一个事件的事件处理程序。在这种情况下，内联定义处理程序意味着重复代码。
2. 您希望能够轻松删除该特定事件处理程序。在这种情况下，内联定义事件处理程序意味着要删除它，您可能必须将 .off 方法与事件命名空间结合使用，以避免删除可能附加到该事件处理程序的其他事件处理程序的风险。相同的对象和事件。

但是，如果您只是设置一个不会重用的事件处理程序，我会内联定义它，因为至少对我来说，它可以更轻松地跟踪哪些代码是作为对事件的响应而执行的.

无论如何，如果您想要访问 jQuery 传递给事件处理程序的 Event 对象，无论您使用什么方法都可以轻松完成:

//inline
$('#myLink').on('click', function(e) { e.preventDefault(); });

//previous function:
function linkClickHandler(e) {
    e.preventDefault();
}

$('#myLink').on('click', linkClickHandler);

jQuery 始终将 Event 对象传递给处理程序，无论该函数在何处定义。事实上，jQuery 不会知道您使用了哪种方法。