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

最新推荐文章于 2022-06-23 16:47:16 发布

weixin_33896726

最新推荐文章于 2022-06-23 16:47:16 发布

阅读量215

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/3400107/blog/1787610

版权

2019独角兽企业重金招聘Python工程师标准>>>

假设对象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’了。

转载于:https://my.oschina.net/u/3400107/blog/1787610