JavaScript-objektorientiertes Programmierung Teil 2 Artikel

Dieser Artikel setzt unsere Erforschung der objektorientierten Programmierfunktionen von JavaScript fort und baut auf den in Teil 1 eingeführten Konzepten auf.

Schlüsselkonzepte:

• arguments Objekt: JavaScript -Funktionen enthalten von Natur aus ein privates arguments -Array, das dynamische Argumentation liefert. Auf diese Weise können Funktionen eine variable Anzahl von Parametern akzeptieren.
• komplexe Objektbeziehungen: Objektkonstruktoren wie Person(), Book() und Library() zeigen, wie Objekte andere Objekte als Eigenschaften enthalten können, modellieren komplizierte Beziehungen.
• prototype Eigenschaft: Die prototype Eigenschaft eines Konstruktors ermöglicht das Hinzufügen von Methoden und Eigenschaften zu allen aus diesem Konstruktor erstellten Instanzen, wodurch die Wiederverwendbarkeit und Erweiterbarkeit der Code verbessert wird.
• constructor Eigenschaft: Die Eigenschaft eines Objekts identifiziert die Funktion, die zum Erstellen verwendet wird, wobei die Typ -Überprüfung und -manipulation aktiviert werden. constructor
• Prototyp -Kette -Vererbung: JavaScript unterstützt die Vererbung über die Prototypkette. Dadurch können Objekte wie und Corvette die Funktionalität eines Ares -Objekts erben und erweitern. Car
• Flexibilität und Leistung: Der Artikel zeigt die Flexibilität und Leistung der OOP -Funktionen von JavaScript und setzt sich für die Verwendung bei der Erstellung effizienter und wartenable Code ein.

Dynamisches Argumentumschlag mit : arguments

Eine Funktion empfängt automatisch ein spezielles

-Objekt, das alle bestandenen Argumente als Array enthält. Zum Beispiel: arguments

function testArg() {
  for (let i = 0; i  Dies ermöglicht das Aufrufen <p> mit einer beliebigen Anzahl von Argumenten, ohne sie in der Funktionssignatur explizit zu definieren. <code>testArg()</code>
</p> <p> Illustratives Beispiel: Ein Bibliothekssystem: <strong> </strong>
</p> Der Artikel zeigt ein komplexes Beispiel: ein Bibliothekssystem.  Es beinhaltet das Erstellen von <p>, <code>Person</code> und <code>Book</code> Konstruktoren. <code>Library</code>
</p> Der <p> Konstruktor ist einfach: <code>Person</code>
</p>
<pre class="brush:php;toolbar:false">function Person(lastName, firstName) {
  this.lastName = lastName;
  this.firstName = firstName;
}

Der

Konstruktor verwaltet Buchdetails, einschließlich eines Arrays von Book -Objekte, die Autoren darstellen: Person

function Book(title, pages, price) {
  this.title = title;
  this.pages = pages;
  this.price = price;
  this.authors = new Array(arguments.length - 3);
  for (let i = 0; i  Der Konstruktor <p> verwaltet eine Sammlung von <code>Library</code> Objekten und enthält Methoden zur Berechnung des Gesamtpreises, des Durchschnittspreises, zum Hinzufügen von Büchern und den Listenautoren.  Der Code für den <code>Book</code> Konstruktor ist im Originalartikel detailliert und zeigt erweiterte Objektmanipulationstechniken. <code>Library</code>
</p> <p> Verwenden Sie die Eigenschaft <strong>: <code>prototype</code> </strong></p><p> Die Eigenschaft <code>prototype</code> ermöglicht die Erweiterung von Objektkonstruktoren.  Eigenschaften und Methoden, die dem <code>prototype</code> hinzugefügt werden, werden allen Fällen dieses Konstruktors zur Verfügung. Zum Beispiel: </p>
<pre class="brush:php;toolbar:false">function testArg() {
  for (let i = 0; i 
<p> Dies fügt allen <code>side</code> Objekten eine <code>Square</code> -Meigenschaft hinzu.  Der Prototyp hinzugefügte Methoden werden ähnlich vererbt.  Der Artikel zeigt auch, wie Sie native Objekte wie <code>String</code> benutzerdefinierte Methoden hinzufügen, die <code>prototype</code> </p> verwenden können
<p> <strong> Verständnis der <code>constructor</code> Eigenschaft: </strong> </p>
<p> Jedes Objekt hat eine <code>constructor</code> Eigenschaft, die auf die Funktion hinweist, die sie erstellt hat. Dies ist nützlich für die Typüberprüfung und andere Objektmanipulationen.  Der Artikel zeigt, wie man auf die Eigenschaft <code>constructor</code> zugreift und sie verwendet. </p>
<p> <strong> Vererbung durch die Prototypkette: </strong> </p>
<p> In dem Artikel wird erläutert, wie die Vererbung in JavaScript mithilfe der Prototyp -Kette eine Vererbung erzielt.  Es zeigt ein Beispiel mit <code>Car</code>, <code>Corvette</code> und <code>Ares</code> Konstruktoren, die demonstriert, wie <code>Corvette</code> und <code>Ares</code> aus <code>Car</code> erben und seine Eigenschaften und Methoden überschreiben oder erweitern. </p>
<p> <strong> Schlussfolgerung: </strong> </p>
<p> Der Artikel bietet einen umfassenden Überblick über die OOP -Funktionen von JavaScript und unterstreicht die Bedeutung des Verständnisses des <code>arguments</code> -Opjekts, <code>prototype</code> Eigenschaft, <code>constructor</code> Eigenschaft und der Prototyp -Kette -Vererbung für den Aufbau robuster und wartbarer Anwendungen.  Es fördert weitere Erkundungen und bietet Ressourcen für zusätzliches Lernen.  Der FAQS -Abschnitt stellt die Schlüssel -OOP -Konzepte weiter aus. </p>

Das obige ist der detaillierte Inhalt vonJavaScript-objektorientiertes Programmierung Teil 2 Artikel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!