为什么要使用自定义事件，它有什么优势？

Question

有一个场景，点击按钮得到新的文章及相关文章：

我现在的实现方式是

updateButton.addEventListener('click',() => {

    articleArea.update();

    relatedArea.update();

});;

后来被告知使用自定义事件来完成：

updateButton.dispatch('getNewsEvent');

articleArea.addEventListener('getNewsEvent',function() {

    updateArticle();

});

relatedArea.addEventListener('getNewsEvent',function() {

    updateRelated();

});

这两种方式看起来差不多，使用第二种方式有什么优势呢？我查了一些资料，说是第二种方式能够将逻辑解耦，但我没感觉出来，第一种方式的逻辑也是分开的，为什么就不好呢？

麻烦各位指点一下，有没有这方面的代码实例或者项目应用场景，谢谢~