javascript - 为一个事件和一个元素只写一个 block 是不是更好？

Question

我想知道，它们之间有什么区别吗？ (性能和被优化的 Angular )

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

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

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

第二种方式:将所有代码写入一个 block

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

---

需要注意的是，实际上代码比上面的代码多很多。所以我想知道的是，我是否应该尝试将属于相同事件和元素的所有代码写在一个片段中？或者我单独写它们并不重要？ (多件)

Answer 1

从可追溯性/调试的 Angular 来看，对于给定的事件发射，我只允许一个入口点。是的，总是有异常(exception)，但是如果您发现 onClick() 函数变得有点笨拙，那么请将这些不同的部分重构为一个单独的函数。结果通常是可读性和可预测性提高:

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