Heim >Web-Frontend >js-Tutorial >Fassen Sie die Wissenspunkte der Klasse in ES6 zusammen und organisieren Sie sie

Fassen Sie die Wissenspunkte der Klasse in ES6 zusammen und organisieren Sie sie

WBOY
WBOYnach vorne
2022-08-08 15:09:081759Durchsuche

Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript. Er führt hauptsächlich in das Konzept der Klasse ein, das mit dem Schlüsselwort „class“ übereinstimmt Bei den objektorientierten Sprachen, die wir normalerweise verstehen, hoffe ich, dass es für alle hilfreich ist.

Fassen Sie die Wissenspunkte der Klasse in ES6 zusammen und organisieren Sie sie

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Einführung in den Unterricht

Traditionelles JS hat nur das Konzept von Objekten und kein Konzept von Klassen, da JS objektorientiert ist Eine auf Prototypen basierende Sprache. Das Merkmal von Prototypobjekten ist, dass sie alle Eigenschaften mit neuen Objekten teilen.

ES6 führt das Konzept der Klasse ein. Klassen können über das Schlüsselwort class definiert werden. Dies ist eine objektorientierte Sprache, die eher dem entspricht, was wir normalerweise verstehen.

class Person{   //定义一个名为Person的类
    // 构造函数,用来接受参数
    constructor(x,y){
        this.x = x;    //this代表的是实例对象
        this.y = y;
    }
    todoSome(){  //这是个类的方法,不需要加function,有多个方法也不用逗号隔开
        alert(this.x + "的年龄是" +this.y+"岁");
    }
}
export default  Person;

Statische Methoden und statische Eigenschaften

Statische Methoden und statische Eigenschaften sind Eigenschaften und Methoden, die das statische Schlüsselwort verwenden Dies zeigt beim Aufruf der statischen Methode

auf die Klasse, nicht auf die Instanz der Klasse. Daher können

statische Methoden nur über Klassennamen aufgerufen werden, nicht über Instanzen.
static classMethod(){
		console.log('123456')
	}

Statische Eigenschaften aufgerufen durch Wird vom Klassennamen aufgerufen und kann nicht von der Instanz der Klasse aufgerufen werden
  • Klassenvererbung erweitert
  • Klasse kann mit dem Schlüsselwort „Extens“ geerbt werden
ES6-Vererbung, super() muss im Unterklassenkonstruktor verwendet werden . Da die ES6-Vererbung zunächst die Attribute und Methoden des Instanzobjekts der übergeordneten Klasse hinzufügt und dann den Konstruktor der Unterklasse aufruft, um diese zu ändern, fügt super () diese standardmäßig hinzu Die Unterklasse erbt die Methoden und Attribute der übergeordneten Klasse, aber die statischen Methoden und Attribute müssen über den Klassennamen der Unterklasse aufgerufen werden. Der Wertfunktions-Getter und der Speicherfunktions-Setter der Klasse. Getter und Setter sind die angegebenen Attribute Die Klasse wird zum Lesen und Übergeben von Werten verwendet.

Der Wertfunktions-Getter und der Speicherfunktions-Setter können die Zuweisung und das Werteverhalten anpassen. Wenn eine Eigenschaft nur einen Getter und keinen Setter hat, ist die Eigenschaft eine schreibgeschützte Eigenschaft und kann weder einem Wert zugewiesen noch initialisiert werden erstmals. Wenn die Variable als privat definiert ist (definiert außerhalb der geschweiften Klammern der Klasse), können Sie nur Getter ohne Setter verwenden.
let p = new Point();
p.classMethod();  // 报错

    Verwendung:
  • static prop = 1 ;  // 静态属性
  • Hinweise:
1. Wenn Sie eine Methode in einer Klasse definieren, können Sie der Methode kein Funktionsschlüsselwort hinzufügen, da der Konstruktor in JS mit Funktion definiert ist und die beiden es sind getrennt.

2. Trennen Sie nicht alle Methoden durch Kommas, da sonst ein Fehler gemeldet wird.
  • 【Verwandte Empfehlungen:
  • Javascript-Video-Tutorial
  • ,
  • Web-Frontend

Das obige ist der detaillierte Inhalt vonFassen Sie die Wissenspunkte der Klasse in ES6 zusammen und organisieren Sie sie. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen