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.

Erstelle eine Klasse mit Eigenschaften:

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

Beim Erstellen einer Instanz legt der Konstruktor diese Eigenschaften fest:

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

Füge 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 für jede Instanz aufrufen:

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

Aufgabe

Erstelle eine Klasse namens Book in der Datei book.js mit folgenden Eigenschaften:

  1. Einen Konstruktor, der die Parameter title, author und pages entgegennimmt und sie als Eigenschaften festlegt.
  2. Eine Methode namens getInfo, die einen String im folgenden Format zurückgibt: „Title: [title], Author: [author], Pages: [pages]“
  3. Exportiere die Klasse, indem du `export` vor die `class`-Deklaration setzt

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