Menu
Coddy logo textTech

Eigenschaften und Methoden

Teil des Abschnitts Objektorientierte Programmierung der JavaScript-Journey von Coddy. Lektion 13 von 56.

Klassen in JavaScript ermöglichen es uns, Eigenschaften und Methoden zu definieren, die von allen Instanzen der Klasse gemeinsam genutzt werden.

Erstellen Sie eine Klasse mit Eigenschaften:

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

Beim Erstellen einer Instanz setzt der Konstruktor diese Eigenschaften:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make);  // Ausgabe: 'Toyota'
console.log(myCar.model); // Ausgabe: 'Corolla'

Fügen Sie der Klasse eine Methode hinzu:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  getDescription() {
    return `This car is a ${this.make} ${this.model}.`;
  }
}

Jetzt können wir diese Methode auf jeder Instanz aufrufen:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // Ausgabe: 'This car is a Toyota Corolla.'
challenge icon

Aufgabe

Erstellen Sie eine Klasse namens Book in der Datei book.js mit folgendem Inhalt:

  1. Ein Konstruktor, der die Parameter title, author und pages entgegennimmt und diese als Eigenschaften setzt.
  2. Eine Methode namens getInfo, die einen String im Format: “Title: [title], Author: [author], Pages: [pages]” zurückgibt.
  3. Exportieren Sie die Klasse, indem Sie `export` vor die `class`-Deklaration setzen.

Probier es selbst

import { Book } from './book.js';

// Test (diesen Teil nicht ändern)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Objektorientierte Programmierung

Übe selbstständig: Online-JavaScript-Compiler