|
JavaScript est un langage Objet. Même si l'approche est un peu déroutante, elle permet de développer des scritps efficaces, facilement évolutifs et paramétrables.
Cette page présente les principes généraux de la programmation objet.
Les objets spécifiques au javascript sont détaillés dans cet article sur le modèle objet du javascript.
1 - Comment déclarer un objet ?
On utilise l'instruction new et on ajoute soit un type d'objet prédéfini (Date, Array, ...), soit une instruction qui permet de créer les propriétés de cet objet.
var mon_chien=new CreerChien("Milou","Fox Terrier")
L'instruction CreerChien fait appel au mot this qui représente l'objet en cours (ici, mon_chien)
function CreerChien(le_nom,la_race) {
this.nom=le_nom;
this.race=la_race;
}
La variable mon_chien est maintenant un objet de type chien qui contient les propriétés nom et race. Naturellement, il est possible de rajouter des propriétés très facilement, sans se soucier des questions d'indices qu'imposerait un tableau du type :
mon_chien[0]="Milou"
mon_chien[1]="Fox Terrier"
La conception Objet permet de plus d'accéder intuitivement aux propriétés des objets, par la notation pointée. Pour afficher le nom de mon_chien, on utilise :
document.write(mon_chien.nom);
2 - L'utilisation des méthodes
Il est également possible d'associer à des objets, en plus de leurs propriétés, des actions, codées sous forme de fonctions. Les fonctions associées à un objet sont appelées méthodes. La déclaration des méthodes se fait pendant la création de l'objet. Reprenons notre exemple de Milou :
function CreerChien(le_nom,la_race) {
this.nom=le_nom;
this.race=la_race;
this.Afficher=AfficherChien;
}
Nous avons ici ajouté une méthode qui permet d'afficher les informations sur le chien :
function AfficherChien() {
document.write("Ce chien s'appelle "+this.nom+". C'est un "+this.race+".");
}
On remarque encore l'utilisation de this qui représente l'objet sur lequel est appliquée la méthode.
Il est possible aussi de déclarer la fonction avec le mot with :
function AfficherChien() {
with(this) {
document.write("Ce chien s'appelle "+this.nom+". C'est un "+this.race+".");
}
}
Le résultat de l'appel de cette méthode sur mon_chien serait :
Ce chien s'appelle Milou. C'est un Fox Terrier.
Pour voir l'exemple en exécution, CLIQUEZ ICI.
3 - En savoir plus
Pour voir TOUS les scripts en JavaScript objet, CLIQUEZ ICI.
Ou faites une recherche sur le mot clé objet.
A lire aussi : la référence javascript.
| 
