对JavaScript事件绑定的一些理解

<script>
    var btn=document.getElementById("btn");
    /*
        使用 对象.事件=函数形式绑定事件
            它只能同时为同一个元素绑定同一事件一次
                不能绑定多次，如果绑定多次，后面的会覆盖掉前面的
    */
    /*
        btn.οnclick=function(){
            alert(1);
        };
        btn.οnclick=function(){
            alert(2);
        };
    */
    /*
        addEventListener()
            - 通过这个方法也可以为元素绑定响应函数
            - 参数：
                1.事件的字符串，不加on
                2.回调函数，当事件触发时该函数会被调用
                3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false
        使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数
            这样当事件被触发时，响应函数将会按照函数的绑定顺序执行
        这个方法不支持IE8及以下的浏览器
    */
    /*
        btn.addEventListener("click",function(){
            alert(1);
        },false);
        btn.addEventListener("click",function(){
            alert(2);
        },false);
    */
    /*
        attachEvent()
            - 在IE8中可以使用attachEvent()来绑定事件 
            - 参数：
                1.事件的字符串，要on
                2.回调函数
            - 这个方法也可以同时为一个事件绑定多个处理函数
                不同的是它是后绑定先执行，执行顺序和addEventListener()相反
    */
//    btn.attachEvent("onclick",function(){
//        alert(1);
//    });
//    btn.attachEvent("onclick",function(){
//        alert(2);
//    });
    /*
        addEventListener()中的this，是绑定事件的对象
        attachEvent()中的this，是window
            需要统一两个方法的this
    */
    /*
        btn.addEventListener("click",function(){
            console.log(this);
        },false);
        btn.attachEvent("onclick",function(){
            console.log(this);
            alert(this);
        });
    */
    /*
        参数：
            obj 要绑定事件的对象
            eventStr 事件的字符串(不要on)
            callback 回调函数
    */
    function bind(obj,evenStr,callback){
        if(obj.addEventListener){
            //大部分浏览器中给元素绑定事件
            obj.addEventListener(evenStr,callback,false);
        }else{
            //ie8 及一下浏览器 
            //this的值由调用对象决定
            obj.attachEvent("on"+evenStr,function(){
                callback.call(obj);
            });
        }
    }
    bind(btn,"click",function(){
        alert(1);
        console.log(this);
    });
    bind(btn,"click",function(){
        alert(2);
    });
    bind(btn,"click",function(){
        alert(3);
    });
</script>