Heim > Web-Frontend > js-Tutorial > Hauptteil

Statische Methoden der Klassenklasse in ES6

小云云
Freigeben: 2018-01-19 16:42:58
Original
1546 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die statischen Methoden der Class-Klasse in ES6 vorgestellt und in Kombination mit dem Beispielformular kurz die Verwendung und die damit verbundenen Vorsichtsmaßnahmen zusammengefasst, auf die sich Freunde in Not beziehen können Ich hoffe, es kann allen helfen.

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

Eine Klasse entspricht dem Prototyp einer Instanz. Alle in der Klasse definierten Methoden werden von geerbt Beispiel. Wenn Sie das Schlüsselwort static 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
Nach dem Login kopieren
Im obigen Code hat die classMethod-Methode der Klasse Foo das Schlüsselwort static davor, was angibt, dass die Methode eine statische Methode ist und direkt in der Klasse Foo aufgerufen werden kann (

) statt Called auf einer 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. Foo.classMethod()

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


class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'
Nach dem Login kopieren
Im obigen Code verfügt die übergeordnete Klasse Foo über eine statische Methode, und die Unterklasse Bar kann diese Methode aufrufen.

Verwandte Empfehlungen:


Detaillierte Erklärung des Schlüsselworts „class“ in ES6

Detaillierte Erklärung des Schlüsselworts „super“ in ES6 Class

Verwendungsbeispiele für Get- und Set-Klassen in ES6-Javascript

Das obige ist der detaillierte Inhalt vonStatische Methoden der Klassenklasse in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage