Question

我在多个函数中使用类实例，并且为此找到了解决方案

function val(){
 new Inputs('test').valid
}

function notval(){
 new Inputs('test').invalid
}

由于我是JavaScript的初学者，所以我认为这样做是不合适的。我也尝试过，

let a = new Inputs('test');
 function val(){
  a.valid
 }

 function notval(){
  a.invalid
 }

但是它也不起作用例如

val() // working on first time
notval() // not working
val() // not working on

输入类

class Inputs{

constructor(id){
    this.id = id;
}

get valid(){ 
    console.log('valid')
    a =  $('#'+this.id).attr('class')
    $('#'+this.id).removeAttr('class')
    if(a.includes("is-invalid")){
        a = a.replace('is-invalid','is-valid');
        $('#'+this.id).attr('class',a) 
    }else if(a.includes("is-valid")){
        $('#'+this.id).attr('class',a) 
    }else{
        $('#'+this.id).attr('class',a+' is-valid') 
    }
    return true;

}

get invalid(){ 
    console.log('invalid')
    a =  $('#'+this.id).attr('class')
    $('#'+this.id).removeAttr('class')
    if(a.includes("is-valid")){
        a = a.replace('is-valid','is-invalid');
        $('#'+this.id).attr('class',a) 
    }else if(a.includes("is-invalid")){
        $('#'+this.id).attr('class',a) 
    }else{
        $('#'+this.id).attr('class',a+' is-invalid') 
    }
    return true;
}


}

我希望有更好的方法可以做到这一点。请问这里有人可以帮助我吗？

如何在多种功能中使用javascript类实例

0 个答案: