Was ist eine Klasse in Javascript?

In JavaScript ist eine Klasse ein benutzerdefinierter Typ, auch Klassentyp genannt, bei dem es sich um eine Sammlung von Gruppen mit denselben Attributen und Verhaltensweisen ab ES6 handelt. Sie können eine Klassenvorlage definieren, indem Sie das Schlüsselwort class erstellen Beispiel „Klasse Klassenname {}“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Was ist eine Klasse?

In der objektorientierten Programmierung ist eine Klasse eine Vorlage eines Objekts, die die Eigenschaften und Methoden definiert, die derselben Gruppe von Objekten gemeinsam sind (auch „Instanzen“ genannt). Eine Klasse ist ein benutzerdefinierter Referenzdatentyp, auch Klassentyp genannt.

Wir können verstehen, dass eine Klasse eine Ansammlung von Gruppen mit denselben Attributen und Verhaltensweisen ist.

Klassen in JS

Vor ES5 wurde zum Ausdrücken einer Klasse in JS ein grammatikalischer Stil namens prototype-based verwendet

	function 士兵(id,hp){
	    this.id = id
	    this.hp = hp
	}
	士兵.prototype = {
	    constructor:士兵()
	    walk:function(){ } ,
	    Shooting:function(){ } ,
	}

In es6 wurde das Konzept von Klassen zum ersten Mal durch Erstellen eingeführt ein Klassenschlüsselwort zum Definieren einer Klassenvorlage.

1. Erstellen Sie eine Klasse in js

class Number{
}

2. Implementieren Sie den Konstruktor, die Instanzeigenschaften und die Instanzmethoden von Class

//构造方法
class Number{
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
}
//实例方法
num(){
console.log("hh");
}
}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

Effect Display:

hh
1
2
hh
3
4

4. Klassenvererbung

//构造方法
class Number{
//静态属性调用一个方法
static ppp=1;
//实例属性
constructor(id,age){
//this指向当前事件
this.id=id;
this.age=age;
console.log(Number.ppp)
}
//实例方法
num(){
console.log("hh");
}}
//实例化对象
var n1=new Number("1","2");
n1.num(1);
console.log(n1.id);
console.log(n1.age);
var n2=new Number("3","4");
n2.num(2);
console.log(n2.id);
console.log(n2.age);

Effektanzeige:

1
hh
1
2
1
hh
3
4

[Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

]

Das obige ist der detaillierte Inhalt vonWas ist eine Klasse in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!