class

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Mrz 2017 browserbergreifend verfgbar.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Die class-Deklaration erstellt eine Bindung einer neuen Klasse an einen gegebenen Namen.

Sie knnen Klassen auch mit dem class-Ausdruck definieren.

Probieren Sie es aus

class Polygon {
  constructor(height, width) {
    this.area = height * width;
  }
}

console.log(new Polygon(4, 3).area);
// Expected output: 12

Syntax

class name {
  // class body
}
class name extends otherName {
  // class body
}

Beschreibung

Der Klassenrumpf einer Klassendeklaration wird im Strict Mode ausgefhrt. Die class-Deklaration ist der let-Deklaration sehr hnlich:

class-Deklarationen sind sowohl auf Blcke als auch auf Funktionen beschrnkt.
class-Deklarationen knnen erst nach Erreichen des Deklarationsorts zugegriffen werden (siehe temporre tote Zone). Aus diesem Grund werden class-Deklarationen allgemein als nicht-gehoisted angesehen (im Gegensatz zu Funktionsdeklarationen).
class-Deklarationen erzeugen keine Eigenschaften auf globalThis, wenn sie auf oberster Ebene eines Skripts deklariert werden (im Gegensatz zu Funktionsdeklarationen).
class-Deklarationen knnen nicht durch irgendeine andere Deklaration im selben Bereich neu deklariert werden.

Auerhalb des Klassenkrpers knnen class-Deklarationen wie let neu zugewiesen werden, aber Sie sollten dies vermeiden. Innerhalb des Klassenkrpers ist die Bindung konstant wie const.

class Foo {
  static {
    Foo = 1; // TypeError: Assignment to constant variable.
  }
}

class Foo2 {
  bar = (Foo2 = 1); // TypeError: Assignment to constant variable.
}

class Foo3 {}
Foo3 = 1;
console.log(Foo3); // 1

Beispiele

Eine Klassendeklaration

Im folgenden Beispiel definieren wir zuerst eine Klasse namens Rectangle und erweitern sie dann, um eine Klasse namens FilledRectangle zu erstellen.

Beachten Sie, dass super(), das im Konstruktor verwendet wird, nur in Konstruktoren verwendet werden kann und muss aufgerufen werden, bevor das Schlsselwort this verwendet werden kann.

class Rectangle {
  constructor(height, width) {
    this.name = "Rectangle";
    this.height = height;
    this.width = width;
  }
}

class FilledRectangle extends Rectangle {
  constructor(height, width, color) {
    super(height, width);
    this.name = "Filled rectangle";
    this.color = color;
  }
}

Spezifikationen

Spezifikation
ECMAScript 2027 LanguageSpecification # sec-class-definitions

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden