我只为事件和元素编写一个块是否更好？

Question

我想知道，它们之间有什么区别吗？ （性能和优化视角）

第一种方式：为相同的事件和元素编写多个块

$('element').on('click', function(){
    console.log("one");
});

$('element').on('click', function(){
    console.log("two");
});

第二种方式：将所有代码写入一个块

$('element').on('click', function(){
    console.log("one");
    console.log("two");
});

应该注意的是，实际上代码比上面的代码多得多。所以我想知道的是，我是否应该尝试将所有属于同一事件和元素的代码编写成一个整体？或者如果我单独写它们并不重要？ （多件）

Answer 1

从可追溯性/调试的角度来看，我只允许给定事件发射的单个入口点。是的，总会有异常，但是如果你发现onClick()函数变得有点笨拙，那么将这些不同的位重构成一个单独的函数。结果通常是可读性和可预测性得到改善：

$('element').on('click', function(){
    doSomething();
    AndNowForSomethingCompletelyDifferent();
    yetAnotherThingToDo();
});