javascript - javascript 中的对象由此引用但在使用事件监听器时不引用

Question

为什么 this 没有引用对象 myObject？

当我执行 console.log(this) 时返回 undefined... 为什么？

Javascript:

var myObject = {
                    
    product: document.getElementById('product'),
    
    button: document.getElementById('btn'),
    
    productView: function(){
        if (this.product.className === 'grid') {
            this.product.className = 'list';
        } else {
            this.product.className = 'grid';
        }
    },
    
    clickHandler: function(e) {
        var o = this;
        console.log(this);
        o.productView();
        e.preventDefault();
    },
    
    init: function (){
        this.button.addEventListener('click', this.clickHandler, false);
    }
};

myObject.init();​

demo

非常感谢

Answer 1

事件处理程序方法中的 .this 指的是被单击的对象。使用类似 var self = myObject; 的东西，然后使用 self 而不是 this。