Les objets
Les objets sont une des choses les plus importantes du Javascript.
Qu'est-ce qu'un objet?
Un objet est une sorte de "boite". Par exemple, la page que vous affichez est un objet.
Les Array sont, eux aussi des objets.
Dans un objet, on peut utiliser des fonctions. Par exemple, vous utilisez ceci pour savoir quelle est la taille de votre array:
mon_array.lenght()
Eh bien, l'Array est un objet et "lenght()" est une fonction de cet objet.
La hiérarchie des objets
Lorsque vous avez créé un objet (ex: un array), vous avez accès aux fonctions qu'il contient grâce à un point (mon_array.length();), comme dans
document.write('txt');.
Par exemple, dans une simple page que vous affichez, il y a plusieurs objets.
- la fenêtre de votre navigateur est l'objet window
- la page qui s'affiche est l'objet document
- un formulaire est un objet
Prenons cette page:
Pour avoir accès au deuxième bouton du formulaire, il faudra taper ceci:
window.document.formulaire.radio[1]
L'objet window (la fenêtre de votre navigateur) CONTIENT la page qui s'affiche, donc l'objet document (logique, non?). Pour avoir accès à la page, il faut donc
"rentrer" dans la fenêtre. C'est pour cela qu'il faut indiquer à Javascript que l'on "rentre" dans la fenêtre pour modifier certaines options de la page.
Par exemple, pour écrire du texte, il faut taper ceci:
window.document.write('Vive Javascript');
On rentre dans la fenêtre, puis dans le document et on appelle la fonction "write()" qui nous permet d'afficher du texte.
Par mesure de facilité, il n'est plus obligatoire d'écrire "window". Javascript peut difficilement écrire autre part que dans votre navigateur.
C'est pourquoi on écrit "document.write();" et non pas "window.document.write()".
Petit rappel:
Pour accéder au bouton, il faudra taper ceci:
(window.)document.formulaire.button
("formulaire" étant le nom du formulaire [attribut name])
Créer ses propres objets
Vous pouvez bien entendu créer vos propres objets. Pour en créer, il suffit de créer une variable et, comme valeur, de lui mettre "new Object();".
Exemple:
var mon_objet = new Object();
Me voilà l'heureux propriétaire d'un objet. J'en fais quoi maintenant?
Vous pouvez donner des valeurs à certaines de ses "sous-varaibles". Exemple:
var voiture = new Object();
voiture.couleur = "Jaune";
Pour créer un attribut (une sous-variable) à un objet, il suffit d'indiquer son nom, un point, le nom de l'attribut, sa valeur, et le tour est joué.
Un objet peut contenir un autre objet. Exemple:
var voiture = new Object(); //On crée l'objet voiture
voiture.couleur = "Jaune"; //Ce sera une voiture jaune
voiture.pneu = new Object(); //voiture.pneu contient un objet
voiture.pneu.avant = new Object(); //voiture.pneu.avant contient encore un nouvel objet
voiture.pneu.avant.gauche = "Pirello" //Le pneu avant gauche est un "Pirello"
voiture.pneu.avant.droite = "Micheloin" //Le pneu avant droit est un "Micheloin" (pas de pub)
Pour afficher la marque du pneu avant gauche de ma voiture, il suffit d'écrire ceci:
document.write("Le pneu avant gauche de ma voiture est un "+ voiture.pneu.avant.gauche);
Rassurez-vous, nous ne créerez pas souvent vos propres objets (pour ne pas dire quasiment jamais).
Et bien voilà, vous êtes maintenant capable d'utiliser les objets.
Si vous ne comprenez pas ce chapitre, ce n'est pas trop grave. La notion d'objet est assez compliquée à saisir. Si
vous savez les utiliser, c'est le principal.