javascript - addEventListen往第二個參數裡面傳入this實作綁定事件

Question

最近在看一些函式庫的原始碼實現，發現了往addEventListener第二個參數裡面傳入this的情況，覺得比較疑惑所以上來提問下。以下的程式碼是我簡單的精簡並且通過了測試的

    <script>
        this.onclick=function(){
            console.log('onclick');
        }
        app.addEventListener('click',this);
    </script>

為什麼可以用這種方式綁定事件？

Answer 1

addEventListener的第二个参数可以传一个对象，当事件触发时，这个对象的handleEvent方法被調用，像這樣：

document.body.addEventListener(
    'click',
    {
        handleEvent: function() {
            alert('body clicked');
        }
    },
    false);

參考：
addEventListener第二個參數的handleEvent
http://peter.michaux.ca/artic...
MDN

Answer 2

你確定這個addEventListener是Js原生的window.addEventListener嗎?