Retourner ' la page d'accueil de TJSRetourner ' 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

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

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

Commandez en ligne

Chercher une fonction, un objet, ...

Le 16/04/2024 18:48:40 sur php 7 en 29.97 ms