Retourner à la page d'accueil de TJS

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
Emulation de la console
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
Emulation de la console
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

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 07/08/2020 05:47:52 sur php7 en 25.69 ms