javascript class

Klassen sind Blaupausen für Objekte, die eine formellere und organisiertere Möglichkeit bieten, Objekte und ihr Verhalten zu definieren. Die JavaScript -Klasse ist nicht das Objekt selbst, sondern eine Vorlage zum Erstellen von JavaScript -Objekten.

Die

Klasse ist eine besondere Funktion, aber wir verwenden das Keyword class , um sie zu definieren, nicht die Funktion . Das Attribut wird in der constructor () -Methode zugewiesen.

class method

]

Die Syntax der Klassenmethode
1. entspricht der der Objektmethode.
2. Erstellen Sie Klassen mit der Keyword von class .
3. enthält immer die constructor () Methode.
4. Eine beliebige Anzahl von Methoden kann dann hinzugefügt werden.

Beispiel 1: Erstellen Sie eine Autoklasse und erstellen Sie dann ein Objekt namens "mein Auto" basierend auf der Autoklasse.

class Car {
  constructor(brand) {
    this.carName = brand;
  }
}

let myCar = new Car("Toyota"); 

constructor method

] Konstruktor ist eine spezielle Methode zum Initialisieren von Objekten, die mit Klassen erstellt wurden. Es wird automatisch aufgerufen, wenn eine neue Instanz der Klasse erstellt wird. In der Regel werden die an sie übergebenen Parameter verwendet, um den Objekteigenschaften Werte zuzuweisen und sicherzustellen, dass das Objekt zur Erstellungszeit ordnungsgemäß initialisiert wird.

Wenn der Konstruktor automatisch aufgerufen wird und die Klasse initialisiert wird, muss er den genauen Namen "Konstruktor" haben. Wenn Sie keinen Konstruktor haben, fügt JavaScript eine unsichtbare leere Konstruktormethode hinzu.

Hinweis:

Eine Klasse kann nicht mehrere constructor () haben, die einen Syntaxfehler werfen.

Weitere Klassenbeispiele

class Person {} // leere Klasse Klassenstudent { Konstruktor (Rollno, Name, Alter) { this.name = name; this.rollno = rollno; this.age = Alter; } } let student1 = neuer Schüler (1, "Alex", 12); console.log (student1); Klassenprodukt { Konstruktor (Name, Preis) { this.name = name; this.price = Preis; } displayProduct () { console.log (`product: $ {this.name}`); console.log (`price: $ {this.price}`); } } Const Product1 = neues Produkt ("Shirt", 19.32); const Product2 = neues Produkt ("Pant", 33.55);