js 事件绑定怎么写和处理更好？

Question

在main script中

我们会对一些不包含业务的小方法和处理过程之类的事情做函数封装 

但是我一直对于事件绑定的位置和处理不是很清晰

有什么好的办法或者行为能够处理事件绑定的情况 

之前的做法是

// main script

function showError(el){

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

        alertInfo('错误提示')

    })

}

function init(){

    showError(document.querySelector('.showErrorBtn'))

}

但是随着事件的变多 导致init函数太多这样的方法而变得冗长 不便于查看

而且事件回调里面也会夹杂dom操作 其实也不会把这个函数变得纯

有什么方法处理这种事情

Answer 1

我很难从你代码中看出你这封装的意义何在?  你都封装showError函数了 为什么还多出个init函数 来调用showError函数  直接调用showError函数传参不就好了吗?  多这一步意义何在