Welche Funktionen haben statische Klassenmethoden in ES6?

Was ich Ihnen dieses Mal vorstelle, sind die Funktionen der statischen -Methode in ES6-Klassen. Dieser Artikel gibt Ihnen eine gute Analyse.

Ich habe es6-Sachen schon einmal gesehen, aber ich habe es vergessen:

Die Klasse entspricht dem Prototyp der Instanz. Alle in der Klasse definierten Methoden werden von der Instanz geerbt . Wenn Sie das statische Schlüsselwort vor einer Methode hinzufügen, bedeutet dies, dass die Methode nicht von der Instanz geerbt wird, sondern direkt über die Klasse aufgerufen wird. Dies wird als „statische Methode“

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function

Im obigen Code wird der classMethod-Methode der Klasse Foo das Schlüsselwort static vorangestellt, was angibt, dass die Methode eine statische Methode ist und direkt für die Klasse Foo (Foo.classMethod()) statt für eine aufgerufen werden kann Instanz der Klasse Foo. Wenn eine statische Methode für eine Instanz aufgerufen wird, wird ein Fehler ausgegeben, der darauf hinweist, dass die Methode nicht vorhanden ist.

Statische Methoden der übergeordneten Klasse können von Unterklassen geerbt werden.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'

Im obigen Code verfügt die übergeordnete Klasse Foo über eine statische Methode, und die Unterklasse Bar kann diese Methode aufrufen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie die obige Einführung gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie die benutzerdefinierten Anweisungen von Vue, um ein Dropdown-Menü zu vervollständigen

So erstellen Sie Klicks möglich mit JS Zur eingeloggten persönlichen E-Mail springen

Detaillierte Einführung in die Verwendung von require.js

Das obige ist der detaillierte Inhalt vonWelche Funktionen haben statische Klassenmethoden in ES6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!