Opérateur : this Pointeur sur l'objet en cours de manipulation Compatible tous navigateurs Description this représente l'objet en cours de manipulation dans une méthode, un constructeur d'objet ou une balise HTML.
La programmation objet est indispensable à connaître.
Lisez le tutorial pour mieux comprendre le principe et le vocabulaire nécessaire.Exemple 1 : this dans une balise HTML Code source <form>
<input type= "text" value= 'Login' onFocus= "this.value=''" >
</form>
Résultat
Explication Le mot clé this représente ici le champ texte.
Quand le curseur entre sur le champ texte, la valeur du champ est vidée.
Exemple 2 : this dans un constructeur d'objet Code source <script type= "text/javascript" >
function CreerChien
( nom
, espece
, taille
) {
this . nom
= nom
;
this . espece
= espece
;
this . taille
= taille
;
this . Affiche
= AfficheChien
;
}
function AfficheChien
() {
document . write ( "Nom : " + this . nom
+ "<BR>" );
document . write ( "Espèce : " + this . espece
+ "<BR>" );
document . write ( "Taille : " + this . taille
+ " cm <BR>" );
}
var chien1
= new CreerChien
( "Pluto" , "Indéfinie" , "50" );
var chien2
= new CreerChien
( "Médor" , "Labrador" , "85" );
chien1
. Affiche
();
chien2
. Affiche
();
</script> Résultat
Explication Exemple de constructeur d'objet CreerChien() .
this est utilisé ici dans le constructeur et dans la méthode d'affichage.
Page en rapport Tutorial : Programmation objet JavaScript Page mise à jour le 21/11/2017
Troisième édition Tout JavaScript chez Dunod En savoir plus Sortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligne
Le graph des objets Javascript
Chargement en cours...