Introduction à la Programmation Orientée Objet en JavaScript

Qu'est-ce qu'un objet JS, un attribut, une méthode ?
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Javascript
Revoir le teaser Je m'abonne
4,5
Transcription

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,5
49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de comprendre la distinction entre objets normés et non normés en JavaScript, d'apprendre à manipuler les propriétés et méthodes des objets, et de connaître les précautions à prendre lors de l'extension d'objets via prototype.

Cet article explique comment utiliser les objets en JavaScript, la distinction entre objets normés et non normés, et les bonnes pratiques associées.

Lorsque vous codez en JavaScript, vous utilisez des if, des for, des while, des fonctions. Toutes ces instructions font partie de la norme du langage. Nous avons également vu l'instruction window.alert, où window est un objet fourni par le navigateur selon les normes du W3C. Cela garantit que le code que vous écrivez soit compatible, quel que soit le navigateur utilisé.

Il existe également des objets non normés par le W3C comme l'objet console. Ce type d'objet, créé par exemple par Google pour Chrome, n'est pas disponible dans tous les navigateurs, et doit donc être utilisé avec précaution et connaissance de cause.

En programmation objet, un objet possède des propriétés (ou attributs) et des méthodes (ou actions). Par exemple, un objet voiture aurait des propriétés comme sa couleur et sa puissance, et des méthodes comme démarrer et accélérer. En JavaScript, la syntaxe pour accéder à une méthode est objet.méthode(), et pour une propriété, c'est objet.propriété.

La console JavaScript permet de découvrir les objets, propriétés et méthodes disponibles, et les variables en JavaScript sont aussi des objets. Vous pouvez utiliser typeof pour déterminer le type d'une variable. De plus, JavaScript permet d’ajouter dynamiquement des propriétés ou méthodes à un objet via la propriété spéciale prototype, mais il faut faire attention aux éventuelles collisions avec d'autres bibliothèques.

Voir plus
Questions réponses
Quelle est la différence entre un objet normé et un objet non normé en JavaScript ?
Les objets normés sont standardisés par des organismes comme le W3C et sont donc compatibles avec tous les navigateurs, tandis que les objets non normés ne le sont pas et peuvent ne pas être disponibles sur tous les navigateurs.
Comment accède-t-on à une méthode d'un objet en JavaScript ?
En utilisant la syntaxe objet.méthode(), où 'objet' est le nom de l'objet et 'méthode' est le nom de la méthode.
Quelles précautions faut-il prendre lors de l'ajout de propriétés à un objet via la propriété prototype ?
Il faut faire attention aux éventuelles collisions avec des propriétés ou méthodes déjà définies par d'autres bibliothèques, ce qui pourrait causer des bogues dans le programme.
Lorsque vous codez en Javascript, vous utilisez des if, des for, des while, des fonctions, toutes ces instructions font partie de la norme du langage Javascript. Nous avons vu également l'instruction window.alert. Window est un objet, nous verrons ce que ça veut dire, qui est fourni par le navigateur selon les normes de W3C, le consortium qui est en charge de normaliser les objets que doivent fournir les navigateurs pour que le code que vous écrivez soit compatible quel que soit le navigateur utilisé. Il existe d'autres objets, par exemple l'objet console, nous avons console.debug, c'est un objet dit hors nom, c'est un objet qui a été créé par exemple par Google pour Chrome, il existe également sur d'autres navigateurs, mais cet objet n'est pas normé par le W3C. Il n'est donc pas disponible pour tous les navigateurs, il faut donc utiliser ce type d'objet avec parcimonie et en sachant ce qu'on fait. Le langage Javascript, les objets normés ou pas normés, c'est tout ce dont vous disposez pour programmer. Un objet, qu'est ce que c'est ? On peut faire une analogie avec un objet physique, une voiture par exemple. Une voiture, ça a des caractéristiques, une couleur, une puissance, c'est ce qu'on nomme en programmation objet des propriétés ou des attributs et enfin ça permet des actions, par exemple de démarrer, d'accélérer, c'est ce qu'on nomme des méthodes. Donc un objet a des propriétés et des méthodes. Lorsque vous utilisez Windows.Alert par exemple, vous utilisez la méthode alert de l'objet Windows. De même, lorsque vous utilisez l'instruction console.debug, vous utilisez la méthode debug de l'objet console. La syntaxe standard pour accéder à une méthode c'est objet.méthode, le nom de la méthode avec des parenthèses comme une fonction. La syntaxe standard pour accéder à une propriété c'est le nom de l'objet point, le nom de la propriété et cette fois-ci sans parenthèses. La console JavaScript nous permet de découvrir rapidement les objets, les propriétés, les méthodes disponibles. Je prends par exemple Windows, l'objet Windows, je mets un point et là j'ai toutes les méthodes et objets disponibles. Il y en a beaucoup, il ne faut pas s'effrayer, on verra les principales. Si je prends console, là aussi j'ai pas mal de choses. Les variables sont aussi des objets. Je crée une variable var a égale 1. Je peux utiliser l'instruction typeof pour savoir le type de ma variable. C'est un objet de type number. Si je lui affecte une chaîne de caractère, il va changer dynamiquement le type d'objet. On dit de classe, c'est un objet de classe string. On peut voir les propriétés, les méthodes de cet objet. Vous voyez il y a pas mal de choses. On peut voir par exemple sa longueur. Je vais taper cette méthode, c'est pas une fonction. Voilà ça me revoit 4, la longueur. Je peux ajouter un type d'objet, une propriété ou une méthode. Pour ce faire, il faut que j'utilise une propriété spéciale qui s'appelle prototype. Par exemple, pour le type string, je vais rajouter la propriété couleur. Il faut initialiser, je mets un blanc. Maintenant je vais pouvoir utiliser ma propriété couleur sur ma variable a. Je vais lineariser à rouge. Je vais créer une autre variable. Vous voyez que la couleur m'est proposée. Voilà. Alors c'est pas quelque chose qui est très recommandé. Imaginez que vous utilisiez d'autres bibliothèques qui ont été réalisées par d'autres personnes. Si vous et cette personne utilisez la propriété couleur de string, il y aura alors collision et votre programme se mettra à buguer. Il y a d'autres méthodes que nous verrons prochainement.

Programme détaillé de la formation

4 commentaires
4,5
4 votes
5
4
3
2
1
nicolas.braud
Il y a 1 year
Commentaire
Très bonne formation ; j'ai eu des difficultés avec la partie AJAX pour installer les hôtes virtuels d'un point de vue technique, mais on peut y arriver quand même à l'aide de tuto. les documents présentés en slide seraient appréciés pour les utiliser a posteriorir.
fguibert47
Il y a 2 years
Commentaire
Bonjour, Excellente formation. Très bien faite. Alain Beauvois est un très bon professeur !! Elle correspond tout à fait à ce que j'attendais. Merci.
amercadie
Il y a 2 years
Commentaire
Excellente formation. Des cours progressifs et très clairs.
david.coilot
Il y a 2 years
Commentaire
très bonne formation !!
Nos dernières formations JavaScript
  • Apprendre Vue JS 3
    Découvrir
    Apprenez à créer des applications web modernes avec notre formation "Apprendre Vue JS 3". Rejoignez-nous et maîtrisez ce puissant framework JavaScript ! 🚀 #VueJS #FormationWeb #Développement
    11h47 91 leçons
  • Apprendre JavaScript ES6 - Les fondamentaux
    Découvrir
    Apprendre les fondamentaux du langage de programmation JavaScript
    4h22 41 leçons 3,50 / 5
  • Savoir programmer en Node.js
    Découvrir
    Apprendre à programmer en Node.js
    2h14 15 leçons