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’了。