Was ist der Unterschied zwischen objektorientierter Programmierung in JavaScript und OOP in anderen Programmiersprachen?

JavaScript verwendet prototypische Vererbung anstelle von Klassen.

In klassenbasierten Sprachen sind Objekte Instanzen von Klassen, die ihre Struktur und ihr Verhalten beschreiben. Die Vererbung erfolgt durch Erweiterung bestehender Klassen.

In JavaScript gibt es keine Klassen im traditionellen Sinne. Objekte werden direkt oder auf Basis anderer Prototyp-Objekte erstellt. Die Vererbung wird durch eine Prototyp-Kette realisiert, bei der jedes Objekt einen Verweis auf seinen "Eltern"-Prototyp hat. Beim Zugriff auf eine Eigenschaft oder Methode sucht JavaScript zuerst im Objekt selbst, dann im Prototyp, dann im Prototyp des Prototyps usw.

Beispiel für die Erstellung eines Objekts und Vererbung in JavaScript:

// Erstellen eines Prototyp-Objekts
const animal = {
  speak() {
    console.log('Ein generisches Geräusch');
  }
};

// Erstellen eines Objekts basierend auf dem Prototyp
const dog = Object.create(animal);

// Überschreiben der Methode für das neue Objekt
dog.speak = function() {
  console.log('Wuff!');
};

dog.speak(); // Gibt "Wuff!" aus

Vergleich zwischen klassenbasierter und prototypischer OOP:

Merkmal	Klassenbasierte OOP (Java, C++)	Prototypenbasierte OOP (JavaScript)
Hauptmechanismus	Klassen und Instanzen	Objekte und Prototypen
Vererbung	Klassenvererbung mit 'extends'	Vererbung durch Prototyp-Kette
Objekterstellung	Mit dem Schlüsselwort 'new' und Konstruktor	Direkt, mit Object.create(), Konstruktoren (Funktionen)
Polymorphismus	Durch Überschreiben von Methoden in Klassen	Durch Überschreiben von Eigenschaften und Methoden in Objekten
Kapselung	Zugriffsmodifikatoren (public, private, protected)	Konventionen und Closures

Die Einführung von Klassen in ECMAScript 2015 (ES6) hat syntaktischen Zucker über die prototypische Vererbung bereitgestellt, wodurch OOP in JavaScript der klassenbasierten Sprachen ähnlicher wird, das zugrunde liegende Mechanismus bleibt jedoch prototypisch.

// Beispiel für die Verwendung von Klassen in ES6
class Animal {
  speak() {
    console.log('Ein generisches Geräusch');
  }
}

class Dog extends Animal {
  speak() {
    console.log('Wuff!');
  }
}

const myDog = new Dog();
myDog.speak(); // Gibt "Wuff!" aus