0% ont trouvé ce document utile (0 vote)
12 vues3 pages

Programmation Orientée Objet en JS

module 2-JS

Transféré par

eUser456
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
12 vues3 pages

Programmation Orientée Objet en JS

module 2-JS

Transféré par

eUser456
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Voici le module 2 de JavaScript :

Programmation orientée objet.

Voici le module 2 de JavaScript : Programmation orientée objet.

Introduction à la programmation orientée objet

1. Classes et objets : définition, instanciation.

2. Héritage : extension de classes.

3. Encapsulation : protection des données.


4. Polymorphisme : redéfinition de méthodes.

Définition de classes

1. Syntaxe : class NomClasse { constructor() { } méthodes() { } }.

2. Exemple :

class Personne {
constructor(nom, age) {
[Link] = nom;
[Link] = age;
}

afficherInfo() {
[Link]( Nom : ${[Link]}, Age : ${[Link]} );
}
}

Objets et instances

1. Création d'instances : let objet = new NomClasse();.


2. Accès aux propriétés : [Link]été.
3. Appel de méthodes : objet.méthode().

Héritage

1. Syntaxe : class Enfant extends Parent { }.


2. Exemple :

class Etudiant extends Personne {


constructor(nom, age, matricule) {
super(nom, age);
[Link] = matricule;
}

afficherInfo() {
[Link]();
[Link]( Matricule : ${[Link]} );
}
}

Encapsulation

1. Getters : accesseurs de propriétés.


2. Setters : mutateurs de propriétés.
3. Exemple :

class CompteBancaire {
constructor(solde) {
this._solde = solde;
}

getSolde() {
return this._solde;
}

setSolde(solde) {
this._solde = solde;
}
}

Polymorphisme

1. Redéfinition de méthodes.
2. Exemple :

class FormeGeometrique {
aire() {
[Link]("Aire non définie");
}
}

class Cercle extends FormeGeometrique {


constructor(rayon) {
super();
[Link] = rayon;
}

aire() {
[Link]( Aire : ${[Link] * [Link] ** 2} );
}
}

Exercices

1. Créer une classe Voiture avec des propriétés et des méthodes.


2. Créer une classe Employé avec héritage de Personne.

3. Implémenter l'encapsulation pour une classe CompteBancaire.


4. Créer une classe FormeGeometrique avec polymorphisme.

Ressources

1. Site officiel Mozilla : [Link]


2. Tutoriels W3Schools : [Link]
3. Livre "JavaScript et DOM" de John Resig

4. Codecademy : [Link]

Étapes suivantes

1. Module 3 : DOM et interactions web.


2. Module 4 : AJAX et API.
3. Module 5 : Frameworks JavaScript (React, Angular, [Link]).
4. Projet personnel ou exercices supplémentaires.

Vous aimerez peut-être aussi