js 中的 this、that

js 中的 this、that

this指向该事件绑定对象
that可作为全局变量用于调用指对的对象

var that;
class tab{
constructor(id){
that = this;
this.main = document.querySelector(id);
this.lis= this.main.querySelectorAll(‘li’);
this.sections=this.main.querySelectorAll(‘section’);
this.init();
}
init(){
for( var i= 0 ;i<this.lis.length;i++){

        this.lis[i].index = i;
        this.lis[i].onclick = this.toggleTab;
    }
}

toggleTab(){
    **that.clearClass();**
    this.className = 'liactive';
    that.sections[this.index].className='conactive'

}
clearClass(){
    for(var i=0;i<this.lis.length;i++){
        this.lis[i].className = '';
        this.sections[i].className = '';
    }
}
｝