Die vier Säulen von OOP in JavaScript

Die vier Säulen von OOP in JavaScript

Objektorientierte Programmierung (OOP) in JavaScript basiert auf vier Hauptideen oder „Säulen“. Dies sind Kapselung, Abstraktion, Vererbung und Polymorphismus. Lassen Sie uns jedes einzelne anhand einfacher Beispiele aufschlüsseln.

Verkapselung

Kapselung bedeutet, Daten und die Funktionen, die mit diesen Daten arbeiten, an einem Ort zusammenzufassen, wie in einer Klasse.

Beispiel: Auto

Stellen Sie sich ein Auto vor. Es verfügt über Eigenschaften wie Modell, Farbe, Geschwindigkeit und Motor. Es verfügt auch über Funktionen wie Start und Stopp. Wir fassen alle diese Variablen und Methoden in einer Klasse namens Car zusammen.

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");
    }
}

Abstraktion

Abstraktion bedeutet, die komplexen Details zu verbergen und nur die notwendigen Teile anzuzeigen.

Beispiel: Fernbedienung

Denken Sie an eine TV-Fernbedienung. Sie drücken die Schaltfläche „Weiter“, um den Kanal zu wechseln. Sie müssen nicht wissen, wie die Fernbedienung ein Signal an den Fernseher sendet; Sie verwenden einfach die Taste, um den Kanal zu wechseln.

In JavaScript geht es bei der Abstraktion darum, einfache Schnittstellen zu verwenden, um mit komplexerem Code zu interagieren.

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

let remote = new Remote();
remote.changeChannel(); // You don't need to know how this works inside

Nachlass

Vererbung bedeutet, dass eine Klasse Eigenschaften und Methoden von einer anderen Klasse erben kann.

Beispiel: Familienmerkmale

So wie Sie möglicherweise bestimmte Verhaltensweisen oder Merkmale von Ihren Eltern erben, kann eine Klasse Attribute und Methoden von einer anderen Klasse erben. Wenn wir von mehreren Klassen erben, spricht man von Mehrfachvererbung, aber JavaScript unterstützt dies nicht direkt.

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

Polymorphismus

Polymorphismus bedeutet, dass eine Variable, Funktion oder ein Objekt mehrere Formen annehmen kann.

Beispiel: Tierklasse

Stellen Sie sich einen Tierkurs vor. Mit Polymorphismus können wir eine Cat-Klasse erstellen, die sie ändert oder neue Funktionen hinzufügt.

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

Zusammenfassend lässt sich sagen, dass diese vier Säulen von OOP – Kapselung, Abstraktion, Vererbung und Polymorphismus – dazu beitragen, JavaScript-Code organisiert, wiederverwendbar und leichter verständlich zu machen.

Das obige ist der detaillierte Inhalt vonDie vier Säulen von OOP in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!