Kann ich Klassen in JavaScript verwenden?-Front-End-Fragen und Antworten-php.cn

Kann ich Klassen in JavaScript verwenden?

WBOY

Freigeben： 2022-10-20 14:03:41

Original

2294 Leute haben es durchsucht

Klasse kann in JavaScript verwendet werden. Eine Klasse ist jedoch eine Funktion, aber anstelle der Schlüsselwortfunktion wird das Schlüsselwort class verwendet und Attribute werden in der Konstruktor()-Methode zugewiesen. Der Konstruktor wird jedes Mal aufgerufen Das Objekt wird mit der Methode initialisiert (), die Syntax lautet „Klasse Klassenname{Konstruktor(){...}}“.

Kann ich Klassen in JavaScript verwenden?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Klasse kann in JavaScript verwendet werden

Eine Klasse ist eine Funktion, aber anstatt sie mit dem Schlüsselwort „function“ zu initialisieren, verwenden Sie das Schlüsselwort „class“ und weisen Eigenschaften in der Methode „constructor()“ zu.

Jedes Mal, wenn ein Klassenobjekt initialisiert wird, wird die Methode „constructor()“ aufgerufen.

Hinweis: Im Gegensatz zu Funktions- und anderen JavaScript-Deklarationen werden Klassendeklarationen nicht gehisst (Sie müssen eine Klasse deklarieren, bevor Sie sie verwenden können).

Hinweis: Die Syntax in der Klasse muss im „strengen Modus“ geschrieben werden.

Die Syntax lautet:

class className {
  // 类主体
}

Nach dem Login kopieren

Wir verwenden das Schlüsselwort class, um eine Klasse zu erstellen. Der Klassenkörper befindet sich in geschweiften Klammern {}. In den geschweiften Klammern {} können wir die Position von Klassenmitgliedern definieren. }.

Jede Klasse enthält eine spezielle Methode Konstruktor(), die der Konstruktor der Klasse ist. Diese Methode wird zum Erstellen und Initialisieren eines von der Klasse erstellten Objekts verwendet.

Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>
<body>
<h2>JavaScript 类</h2>
<p>如何使用 JavaScript 类</p>
<p id="demo"></p>
<script>
class Runoob {
  constructor(name, url) {
    this.name = name;
    this.url = url;
  }
}
 
let site = new Runoob("好好学习",  "http://www.php.cn");
document.getElementById("demo").innerHTML =
site.name + "：" + site.url;
</script>
</body>
</html>

Nach dem Login kopieren

Ausgabeergebnis:

Kann ich Klassen in JavaScript verwenden?

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Das obige ist der detaillierte Inhalt vonKann ich Klassen in JavaScript verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!