Verwendung der Klasse in js

Klasse ist eine Blaupause zum Erstellen von Objektvorlagen in JavaScript. Sie definiert die Eigenschaften und Methoden eines Objekts, auf die durch Erstellen einer Instanz mit dem neuen Schlüsselwort zugegriffen wird. Zu den Vorteilen von Class gehören eine bessere Codeorganisation, eine bessere Lesbarkeit und Wartbarkeit sowie eine vereinfachte Objekterstellung. Eine Klasse kann Eigenschaften über Konstruktoren hinzufügen, Methoden über Funktionen definieren und andere Klassen erweitern, um deren Eigenschaften und Methoden mithilfe des Schlüsselworts „extends“ zu erben.

Verwendung von Klassen in JavaScript

Was ist Klasse?
Klasse ist eine Blaupause in JavaScript, die zum Erstellen von Instanzen von Objekten verwendet wird. Es definiert die Eigenschaften und Methoden des Objekts und fungiert als Vorlage.

Klasse erstellen
Erstellen Sie eine Klasse mit dem Schlüsselwortclass, gefolgt vom Klassennamen:class创建一个 Class，后跟 Class 名称：

class MyClass { // 代码 }

添加属性
通过在构造函数中分配值来添加属性：

class MyClass { constructor(name, age) { this.name = name; this.age = age; } }

添加方法
使用 Class 中的函数定义方法：

class MyClass { constructor(name, age) { this.name = name; this.age = age; } speak() { console.log(`My name is ${this.name} and I am ${this.age} years old.`); } }

创建对象实例
使用new关键字创建 Class 实例：

const myObject = new MyClass('John', 30);

访问属性和方法
通过点语法访问对象的属性和方法：

console.log(myObject.name); // 'John' myObject.speak(); // 输出 "My name is John and I am 30 years old."

扩展 Class
使用extends

class SubClass extends MyClass { constructor(name, age, hobby) { super(name, age); this.hobby = hobby; } }

Fügen Sie eine Eigenschaft hinzu.Fügen Sie eine Eigenschaft hinzu, indem Sie im Konstruktor einen Wert zuweisen:
rrreee

Methoden hinzufügen
• Methoden mithilfe von Funktionen in der Klasse definieren:
• rrreee
• Objektinstanzen erstellen
• Verwenden Sie das Schlüsselwortnew, um Klasseninstanzen zu erstellen:
rrreee

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