js：在对象的某方法中添加监听时遇到的问题

假设对象a

var a = {
    name:'jmx',
    getNum:function () {
        console.log(this.name);
    },
    addListen:function (elements) {
        var that = this;
        elements.addEventListener('click',that.getNum);
    }
}

利用a.addListen(某element)给某元素添加click监听

当该元素被点击时，console.log的结果是undefined

这是为何？由于addEventListener的事件函数默认是做为调用addEventListener对象的方法，因此调用的时候指向elements元素对象。

为了解决这个问题，能够用bind方法指定this值

var a = {
    name:'jmx',
    getNum:function () {
        console.log(this.name);
    },
    addListen:function (elements) {
        var that = this;
        elements.addEventListener('click',that.getNum.bind(that));
    }
}

如今会输出‘jmx’了。