Heim >Web-Frontend >js-Tutorial >Verwendung der Klasse in js

Verwendung der Klasse in js

下次还敢
下次还敢Original
2024-05-10 04:45:281030Durchsuche

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 der Klasse in js

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

    Methoden hinzufügen
  • Methoden mithilfe von Funktionen in der Klasse definieren:
  • rrreee
  • Objektinstanzen erstellen
  • Verwenden Sie das Schlüsselwort new, um Klasseninstanzen zu erstellen:
  • rrreee
🎜Zugriff auf Eigenschaften und Methoden 🎜🎜Zugriff auf Objekte über Punkt Syntax Eigenschaften und Methoden: 🎜rrreee🎜🎜Klasse erweitern🎜🎜Verwenden Sie das Schlüsselwort 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn