事件委托。

Question

既然DOM交互次数越少越好，那么是不是应该把所有的事件都冒泡到根元素上？

window.onload = function(){
    var btn_1 = document.getElementById("btn_1");
    var btn_2 = document.getElementById("btn_2");
    var btn_3 = document.getElementById("btn_3");
    
    document.addEventListener(“click”, function(event){
        var target = enent.target;
        
        if(target="btn_1"){
            ......
        }
        
        if(target="btn_2"){
            ......
        }
        
        if(target="btn_3"){
            ......
        }
    });
}

实际项目中会这么写吗？

这样写带来的影响除了可读性差还有哪些？