Heim >Web-Frontend >js-Tutorial >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üsselwort class
, gefolgt vom Klassennamen: class
创建一个 Class,后跟 Class 名称:
<code>class MyClass { // 代码 }</code>
添加属性
通过在构造函数中分配值来添加属性:
<code>class MyClass { constructor(name, age) { this.name = name; this.age = age; } }</code>
添加方法
使用 Class 中的函数定义方法:
<code>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.`); } }</code>
创建对象实例
使用 new
关键字创建 Class 实例:
<code>const myObject = new MyClass('John', 30);</code>
访问属性和方法
通过点语法访问对象的属性和方法:
<code>console.log(myObject.name); // 'John' myObject.speak(); // 输出 "My name is John and I am 30 years old."</code>
扩展 Class
使用 extends
<code>class SubClass extends MyClass { constructor(name, age, hobby) { super(name, age); this.hobby = hobby; } }</code>
Fügen Sie eine Eigenschaft hinzu. Fügen Sie eine Eigenschaft hinzu, indem Sie im Konstruktor einen Wert zuweisen:
rrreee
new
, um Klasseninstanzen zu erstellen: extends
, um andere Klassen zu erweitern und deren Eigenschaften und Methoden zu erben: 🎜rrreee🎜🎜Vorteile🎜🎜Zu den Vorteilen der Verwendung von Class gehören: 🎜 🎜🎜 Bessere Codeorganisation 🎜🎜 Verbessern Sie die Lesbarkeit und Wartbarkeit 🎜🎜 Fördern Sie die Wiederverwendung von Code 🎜🎜 Vereinfachen Sie die Objekterstellung 🎜🎜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!