So verwenden Sie statische Methoden, Attribute und Instanzattribute von Klassen in ES6-Javascript

Was ich Ihnen dieses Mal vorstelle, ist die statische-Methode der ES6-Javascript-Klasse, wie man Attribute und Instanzattribute verwendet. Dieser Artikel wird Ihnen eine gute Analyse geben. 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. Stattdessen wird es direkt über die Klasse aufgerufen, die als „statische Methode“ bezeichnet wird.

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 steht vor der classMethod-Methode der Klasse Foo das Schlüsselwort static, was angibt, dass die Methode eine statische Methode ist und direkt in der Klasse Foo aufgerufen werden kann ( Foo.classMethod()), anstatt es für eine Instanz der Klasse Foo aufzurufen. Wenn Sie eine statische Methode für eine Instanz aufrufen, 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.

Statische Methoden können auch vom Superobjekt aufgerufen werden.

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
  static classMethod() {
    return super.classMethod() + ', too';
  }
}
Bar.classMethod();

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:

Verwenden von jQuery zum Deduplizieren und Sortieren von Arrays

So verwenden Sie die automatischen Define-Anweisungen von Vue, um a abzuschließen Dropdown-Menü

So verwenden Sie die Navigationskomponente React-Navigation

Das obige ist der detaillierte Inhalt vonSo verwenden Sie statische Methoden, Attribute und Instanzattribute von Klassen in ES6-Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!