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

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.

【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

statische Methoden nur über Klassennamen aufgerufen werden, nicht über Instanzen.

static classMethod(){
		console.log('123456')
	}

Nach dem Login kopieren

Klassenvererbung erweitert
• Klasse kann mit dem Schlüsselwort „Extens“ geerbt werden

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();  // 报错

Nach dem Login kopieren

Verwendung:

static prop = 1 ;  // 静态属性

Nach dem Login kopieren
• 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!