Retourner à la page d'accueil de TJS

Opérateur : this

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

Pointeur sur l'objet en cours de manipulation


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 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 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 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 22/10/2019 05:52:17 sur php7 en 22.56 ms