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. 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
Corvette
die Funktionalität eines Ares
-Objekts erben und erweitern. Car
Dynamisches Argumentumschlag mit : arguments
-Objekt, das alle bestandenen Argumente als Array enthält. Zum Beispiel: arguments
function testArg() { for (let i = 0; i < arguments.length; i++) { alert("Argument " + i + " is " + arguments[i]); } }
mit einer beliebigen Anzahl von Argumenten, ohne sie in der Funktionssignatur explizit zu definieren. testArg()
Illustratives Beispiel: Ein Bibliothekssystem:
Der Artikel zeigt ein komplexes Beispiel: ein Bibliothekssystem. Es beinhaltet das Erstellen von, Person
und Book
Konstruktoren. Library
Konstruktor ist einfach: Person
function Person(lastName, firstName) { this.lastName = lastName; this.firstName = firstName; }
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 < arguments.length - 3; i++) { this.authors[i] = arguments[i + 3]; } }
verwaltet eine Sammlung von Library
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 Book
Konstruktor ist im Originalartikel detailliert und zeigt erweiterte Objektmanipulationstechniken. Library
Verwenden Sie die Eigenschaft : prototype
Die Eigenschaft prototype
ermöglicht die Erweiterung von Objektkonstruktoren. Eigenschaften und Methoden, die dem prototype
hinzugefügt werden, werden allen Fällen dieses Konstruktors zur Verfügung. Zum Beispiel:
function testArg() { for (let i = 0; i < arguments.length; i++) { alert("Argument " + i + " is " + arguments[i]); } }
Dies fügt allen side
Objekten eine Square
-Meigenschaft hinzu. Der Prototyp hinzugefügte Methoden werden ähnlich vererbt. Der Artikel zeigt auch, wie Sie native Objekte wie String
benutzerdefinierte Methoden hinzufügen, die prototype
Verständnis der constructor
Eigenschaft:
Jedes Objekt hat eine constructor
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 constructor
zugreift und sie verwendet.
Vererbung durch die Prototypkette:
In dem Artikel wird erläutert, wie die Vererbung in JavaScript mithilfe der Prototyp -Kette eine Vererbung erzielt. Es zeigt ein Beispiel mit Car
, Corvette
und Ares
Konstruktoren, die demonstriert, wie Corvette
und Ares
aus Car
erben und seine Eigenschaften und Methoden überschreiben oder erweitern.
Schlussfolgerung:
Der Artikel bietet einen umfassenden Überblick über die OOP -Funktionen von JavaScript und unterstreicht die Bedeutung des Verständnisses des arguments
-Opjekts, prototype
Eigenschaft, constructor
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.
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!