Objektorientierte Programmierung (OOP) in JavaScript kann auf verschiedene Weise durchgeführt werden. Eine der grundlegenden Methoden ist die Verwendung von Konstruktorfunktionen und Prototypen.
Hier ist ein einfacher Weg, um es zu machen:
1. Konstruktorfunktion: Dies ist die Funktion, die verwendet wird, um Objekte eines bestimmten Typs zu erstellen.
```javascript
function Auto(marke, modell) {
this.marke = marke;
this.modell = modell;
}
```
2. Objekt Instanzen: Mit der Konstruktorfunktion können wir jetzt Objekteinstanten erstellen.
```javascript
var meinAuto = new Auto(‘Toyota’, ‘Corolla’);
var deinAuto = new Auto(‘Honda’, ‘Civic’);
```
3. Prototypen: JavaScript verwendet Prototypen für Vererbung. Wenn Sie Methoden hinzufügen möchten, die von allen Instanzen eines Objekts geteilt werden, fügen Sie sie dem Prototyp dieses Objekts hinzu.
```javascript
Auto.prototype.hupen = function() {
console.log(this.marke + ‘ ‘ + this.modell + ‘ sagt hup!’);
}
// Jetzt können alle Auto-Objekte hupen
meinAuto.hupen(); // Toyota Corolla sagt hup!
deinAuto.hupen(); // Honda Civic sagt hup!
```
Eine andere Methode ist die Verwendung der ES6-Klassensyntax, die im Grunde genommen nur syntaktischer Zucker für die obige Methode ist. Es macht die OOP in JavaScript sauberer und leichter zu lesen und zu schreiben.
```javascript
class Auto {
constructor(marke, modell) {
this.marke = marke;
this.modell = modell;
}
let meinAuto = new Auto(“Toyota”, “Corolla”);
meinAuto.hupen();
```
Bitte beachten Sie, dass nicht alle Browser die ES6+ Funktionen unterstützen. Aber es gibt Werkzeuge wie Babel, um Ihren ES6 Code in ES5 zu konvertieren, so dass er in fast allen Browsern lauffähig ist.
