Maison > interface Web > js tutoriel > Programmation orientée objet (POO) : comprendre les piliers avec des exemples clairs

Programmation orientée objet (POO) : comprendre les piliers avec des exemples clairs

Barbara Streisand
Libérer: 2024-10-28 16:16:02
original
371 Les gens l'ont consulté

Object-Oriented Programming (OOP): Understand the illars with Clear Examples

Hé les développeurs ! Aujourd'hui, nous allons parler de programmation orientée objet (POO). Ce paradigme est essentiel pour organiser les données et les comportements à l'aide d'« objets ». Si vous vous préparez à un entretien d’embauche, maîtriser ces concepts peut faire toute la différence.

Nous explorerons les quatre piliers de la POO de manière claire et pratique, avec des exemples qui vous aideront à tout comprendre facilement.

Qu’est-ce que la programmation orientée objet ?

La POO repose sur quatre piliers principaux :

  1. Encapsulation
  2. Héritage
  3. Polymorphisme
  4. Abstraction

Examinons de plus près chacun de ces piliers avec des exemples en JavaScript.

1. Encapsulation

L'encapsulation, c'est comme stocker vos affaires dans une boîte. Vous mettez tout ce dont vous avez besoin à l’intérieur et contrôlez qui peut y accéder. Cela permet de protéger les données stockées et garantit que l'état interne de l'objet reste sécurisé.

Exemple:

class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    // Public method
    displayInfo() {
        return `${this.name}, ${this.age} years old`;
    }

    // Private method
    _checkAge() {
        return this.age >= 18 ? 'an adult' : 'a minor';
    }

    displayStatus() {
        return `${this.name} is ${this._checkAge()}.`;
    }
}

const user = new User('Alice', 22);
console.log(user.displayInfo()); // Alice, 22 years old
console.log(user.displayStatus()); // Alice is an adult
Copier après la connexion

Dans cet exemple, _checkAge est une méthode à laquelle il ne faut pas accéder directement. Il est utilisé en interne pour aider à déterminer le statut de l’utilisateur tout en gardant la logique organisée.

2. Héritage

L'héritage permet à une classe (sous-classe) d'hériter des propriétés et méthodes d'une autre classe (superclasse). Cela facilite la réutilisation du code et la création de hiérarchies de classes.

Exemple:

class Animal {
    constructor(name) {
        this.name = name;
    }

    makeSound() {
        return `${this.name} makes a sound.`;
    }
}

class Dog extends Animal {
    makeSound() {
        return `${this.name} barks.`;
    }
}

class Cat extends Animal {
    makeSound() {
        return `${this.name} meows.`;
    }
}

const myDog = new Dog('Rex');
const myCat = new Cat('Mia');

console.log(myDog.makeSound()); // Rex barks.
console.log(myCat.makeSound()); // Mia meows.
Copier après la connexion

Ici, le Chien et le Chat héritent de l'Animal. Chacun implémente son propre son, démontrant comment l'héritage permet des comportements personnalisés sans dupliquer le code.

3. Polymorphisme

Le polymorphisme est la capacité de différents objets à répondre à la même méthode de différentes manières. Cela permet aux méthodes portant le même nom d'avoir des comportements différents selon le type d'objet.

Exemple:

class Shape {
    area() {
        return 0;
    }
}

class Rectangle extends Shape {
    constructor(width, height) {
        super();
        this.width = width;
        this.height = height;
    }

    area() {
        return this.width * this.height;
    }
}

class Circle extends Shape {
    constructor(radius) {
        super();
        this.radius = radius;
    }

    area() {
        return Math.PI * Math.pow(this.radius, 2);
    }
}

const shapes = [new Rectangle(10, 5), new Circle(3)];

shapes.forEach(shape => {
    console.log(`Area: ${shape.area()}`);
});

// Output:
// Area: 50
// Area: 28.274333882308138
Copier après la connexion

Dans ce cas, Rectangle et Cercle ont tous deux leurs propres méthodes de zone, mais appeler la même méthode donne des résultats différents en fonction du type de forme. C'est le polymorphisme en action !

4. Abstraction

L'abstraction est le processus consistant à cacher des détails complexes et à exposer uniquement ce qui est nécessaire. En POO, cela vous permet d'utiliser des objets sans avoir besoin de comprendre toutes les subtilités de leur fonctionnement.

Exemple:

class Car {
    constructor(brand, model) {
        this.brand = brand;
        this.model = model;
    }

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

    stop() {
        console.log('Car stopped.');
    }
}

class ElectricCar extends Car {
    charge() {
        console.log('Electric car charging.');
    }
}

const myElectricCar = new ElectricCar('Tesla', 'Model 3');
myElectricCar.start(); // Car started.
myElectricCar.charge(); // Electric car charging.
Copier après la connexion

Ici, la classe Car fournit des méthodes de base, tandis qu'ElectricCar ajoute la fonctionnalité de charge. Vous pouvez utiliser la voiture sans savoir comment fonctionne chaque pièce : il vous suffit de savoir comment la démarrer et la charger.

Conclusion

Et voilà ! Vous comprenez désormais plus clairement les quatre piliers de la programmation orientée objet : l'encapsulation, l'héritage, le polymorphisme et l'abstraction. Ces concepts sont essentiels pour écrire du code plus organisé et maintenable.

Continuez à pratiquer et à appliquer ces principes dans vos projets, et vous serez bien préparé à relever les défis lors des entretiens et dans votre quotidien en tant que développeur !

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal