这段代码为啥会报错呀？？

Question

//点击后触发的动作
            Tab.prototype.action = function(i) {
                this.bgc.call(this.btns[i], "deeppink");
            };
//绑定
            Tab.prototype.bindEvent = function() {
                this.bts.forEach((el, i) => { //元素，索引
                    el.addEventListener("click", function() {
                        this.action(i);
                    });
                })
            };

 

报错说这个action 不是一个函数。。。 有没有大佬解答疑惑 谢谢啦

Answer 1

  你调用action的时候，嵌套函数里面，this指向已经改变了，不是指向tab对象了。按照下面修改再试试

Tab.prototype.bindEvent = function() {

                var that = this
                this.bts.forEach((el, i) => { //元素，索引
                    el.addEventListener("click", function() {
                        that.action(i);
                    });
                })
            };