Klassen in Javascript

JavaScript-Klasse

Eine Klasse ist eine Blaupause für ein Objekt und bietet eine formellere und organisiertere Möglichkeit, das Objekt und sein Verhalten zu definieren. JavaScript-Klassen sind selbst keine Objekte, sondern Vorlagen zum Erstellen von JavaScript-Objekten.

Die

-Klasse ist eine besondere Art von Funktion, aber wir verwenden das Schlüsselwort class, um sie anstelle von function zu definieren. Eigenschaften werden innerhalb der constructor()-Methode zugewiesen.

Klassenmethode

1. Die Syntax von Klassenmethoden ist dieselbe wie die von Objektmethoden.
2. Erstellen Sie eine Klasse mit dem Schlüsselwort class.
3. enthält immer eine constructor()-Methode.
4. Sie können dann beliebig viele Methoden hinzufügen.

Beispiel 1: Erstellen Sie eine Autoklasse und erstellen Sie dann basierend auf der Autoklasse ein Objekt mit dem Namen „Mein Auto“.

<code class="language-javascript">class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); </code>

Konstruktormethode

Ein Konstruktor ist eine spezielle Methode, die zum Initialisieren von Objekten verwendet wird, die mit einer Klasse erstellt wurden. Es wird automatisch aufgerufen, wenn eine neue Instanz der Klasse erstellt wird. Typischerweise weist es Objekteigenschaften mithilfe der an es übergebenen Parameter Werte zu und stellt so sicher, dass das Objekt bei der Erstellung ordnungsgemäß initialisiert wird.

Wenn der Konstruktor automatisch aufgerufen und die Klasse initialisiert wird, muss sie den genauen Namen „Konstruktor“ haben. Wenn Sie keinen Konstruktor haben, fügt JavaScript tatsächlich eine unsichtbare, leere Konstruktormethode hinzu.

Hinweis: Eine Klasse kann nicht mehrere constructor() Methoden haben, was zu einem Syntaxfehler führt.

Weitere Unterrichtsbeispiele

<code class="language-javascript">class Person {} // 空类

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

let student1 = new Student(1, "Alex", 12);
console.log(student1); // Output: Student { name: 'Alex', rollNo: 1, age: 12 }

class Product {
  constructor(name, price) {
    this.name = name;
    this.price = price;
  }

  displayProduct() {
    console.log(`Product: ${this.name}`);
    console.log(`Price: ${this.price}`);
  }
}

const product1 = new Product("Shirt", 19.32);
const product2 = new Product("Pant", 33.55);</code>

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