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 = '';
}
}
}