Klassen

Klassendefinition

Klassen sind eigentlich Funktionen. Analog zu Funktionsausdrücken und Funktionsdeklarationen hat die Klassensyntax zwei Komponenten:

• Klassenausdrücke und
• Klassendeklaritionen.

Klassendeklaration

Eine Möglichkeit, Klassen zu definieren ist eine Klassendeklaration. Diese wird eingeleitet durch das Schlüsselwort class, gefolgt vom Namen der Klasse (hier: "Polygon"). 

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

Hoisting

Ein wichtiger Unterschied zwischen Klassen- und Funktionsdeklarationen besteht im sogenannten hoisted.  Funktionsdeklartionen werden an den Anfang des Definitionsbereichs "gehoben", für Klassen gilt dies nicht. Das heißt, um auf eine Klasse zuzugreifen, muss sie zuvor definiert worden sein, sonst führt dies zu einem  ReferenceError:

var p = new Polygon(); // ReferenceError

class Polygon {}

Klassenausdruck

Ein Klassenausdrück ist eine weitere Möglichkeit eine Klasse zu definieren. Dabei ist es optional, hinter dem Schlüsselwort class einen Namen anzugeben. Sollte ein Name angegeben werden, so gilt dieser nur innerhalb des Klassenrumpfs.

// unnamed
var Polygon = class {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};

// named
var Polygon = class Polygon {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
};

Klassenrumpf und Methodendefinitionen

Der Rumpf der Klasse ist innerhalb der beiden geschweiften Klammern {}. Hier werden die Eigenschaften der Klasse definiert, wie Konstruktoren oder Methoden. 

"Strict mode"

The bodies of class declarations and class expressions are executed in strict mode.

Constructor

The constructor method is a special method for creating and initializing an object created with a class. There can only be one special method with the name "constructor" in a class. A SyntaxError will be thrown if the class contains more than one occurrence of a constructor method.

A constructor can use the super keyword to call the constructor of a parent class.

Prototype methods

See also method definitions.

// TBD

Static methods

The static keyword defines a static method for a class. Static methods are called without instantiating their class nor are they callable when the class is instantiated. Static methods are often used to create utility functions for an application.

// TBD 

Sub classing with extends

The extends keyword is used in class declarations or class expressions to create a class with a child of another class.

// TBD

Sub classing built-in objects

TBD

Super class calls with super

The super keyword is used to call functions on an object's parent.

// TBD

ES5 inheritance syntax and ES6 classes syntax compared

TBD

Examples

TBD

Specifications

Browser compatibility

See also

• Functions
• class declaration
• class expression
• super