Comment hériter de la classe en javascript?

Question

La fonction ne fonctionne pas, elle ne met pas les valeurs en "entrée".

function example(id){ 
    this.code= function(){$('.'+id).val(id)} 
    this.validate= function(){ 
     $('.'+id).keyup(function (e){ 
      if(e.keyCode==13) this.code(); 
     }) 
    } 
} 

corps

<input type="text" class="test"/> 
<input type="text" class="test1"/> 
<script type="text/javascript"> 
    var test= new example('test') 
    var test1= new example('test1') 
    test.validate() 
    test1.validate() 
</script> 

Answer 1

Votre gestionnaire d'événements keyup aura un autre "ce". Vous pouvez utiliser bind pour corriger le problème

keyup(function (e){ 
if(e.keyCode==13) this.code(); 
}.bind(this)) 

Lorsque vous liez à un événement, le gestionnaire est appelé le « ce » jeu mot-clé à l'objet qui a déclenché l'événement, et non pas l'objet qui a créé l'événement.

Answer 2

javascript Eh bien est un peu difficile à comprendre quand il vient à ce ..

cet article explique certaines d'entre elles http://www.crockford.com/javascript/inheritance.html Mais une façon de le résoudre serait

function example(id){ 
    this.code= function(){$('.'+id).val(id)} 
    var self = this; 
    this.validate= function(){ 
     $('.'+id).keyup(function (e){ 
      if(e.keyCode==13) self.code(); 
     }); 
    } 
}