事件监听器的最佳实践？

Question

范围？

我应该在全局范围内声明事件侦听器还是创建一个自己的函数并在函数范围内声明它们？

$('#foo').on('click', ...);

或

$(function() {
    $('#foo').on('click', ...);
});

---

代码放置？

将所有事件侦听器分组并将它们放在同一个地方似乎是一个好主意。 它们应该放在脚本的顶部还是脚本的底部或其他地方？

---

匿名回调或命名函数？

$('#foo').on('click', function() {
    /* code */
});

$('#bar').on('click', function() {
    /* code */
});

$('#baz').on('click', function() {
    /* code */
});

或

function callback_foo() {
    /* code */
}

function callback_bar() {
    /* code */
}

function callback_baz() {
    /* code */
}

$('#foo').on('click', callback_foo);
$('#bar').on('click', callback_bar);
$('#baz').on('click', callback_baz);