Maison > interface Web > js tutoriel > Les quatre piliers de la POO en JavaScript

Les quatre piliers de la POO en JavaScript

PHPz
Libérer: 2024-07-27 19:28:23
original
928 Les gens l'ont consulté

The Four Pillars of OOP in JavaScript

Les quatre piliers de la POO en JavaScript

La programmation orientée objet (POO) en JavaScript repose sur quatre idées principales, ou « piliers ». Ce sont l’encapsulation, l’abstraction, l’héritage et le polymorphisme. Décomposons chacun d'entre eux avec des exemples simples.

Encapsulation

L'encapsulation signifie rassembler les données et les fonctions qui fonctionnent sur ces données en un seul endroit, comme une classe.

Exemple : voiture

Imaginez une voiture. Il possède des propriétés telles que le modèle, la couleur, la vitesse et le moteur. Il dispose également de fonctions telles que le démarrage et l'arrêt. Nous mettons toutes ces variables et méthodes dans une seule classe appelée Car.

class Car {
    constructor(model, color, speed, engine) {
        this.model = model;
        this.color = color;
        this.speed = speed;
        this.engine = engine;
    }

    start() {
        console.log("Car started");
    }

    stop() {
        console.log("Car stopped");
    }
}
Copier après la connexion

Abstraction

L'abstraction signifie cacher les détails complexes et afficher uniquement les parties nécessaires.

Exemple : Télécommande

Pensez à une télécommande TV. Vous appuyez sur le bouton « suivant » pour changer de chaîne. Vous n'avez pas besoin de savoir comment la télécommande envoie un signal au téléviseur ; vous utilisez simplement le bouton pour changer de chaîne.

En JavaScript, l'abstraction consiste à utiliser des interfaces simples pour interagir avec du code plus complexe.

class Remote {
    changeChannel() {
        console.log("Channel changed");
    }
}

let remote = new Remote();
remote.changeChannel(); // You don't need to know how this works inside
Copier après la connexion

Héritage

L'héritage signifie qu'une classe peut hériter des propriétés et des méthodes d'une autre classe.

Exemple : traits de famille

Tout comme vous pouvez hériter de certains comportements ou traits de vos parents, une classe peut hériter des attributs et des méthodes d'une autre classe. Lorsque nous héritons de plusieurs classes, on parle d'héritage multiple, mais JavaScript ne le prend pas directement en charge.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Dog extends Animal {
    bark() {
        console.log("Dog barks");
    }
}

let dog = new Dog();
dog.makeSound(); // Inherited from Animal class
dog.bark();      // Specific to Dog class
Copier après la connexion

Polymorphisme

Le polymorphisme signifie qu'une variable, une fonction ou un objet peut prendre plusieurs formes.

Exemple : classe d'animaux

Imaginez un cours Animal. Avec le polymorphisme, nous pouvons créer une classe Cat qui la modifie ou y ajoute de nouvelles fonctionnalités.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Cat extends Animal {
    makeSound() { // Overriding method
        console.log("Meow");
    }
}

let cat = new Cat();
cat.makeSound(); // Calls the Cat's makeSound method
Copier après la connexion

En résumé, ces quatre piliers de la POO (encapsulation, abstraction, héritage et polymorphisme) contribuent à rendre le code JavaScript organisé, réutilisable et plus facile à comprendre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal