Heim > Web-Frontend > js-Tutorial > JavaScript-objektorientiertes Programmierung Teil 2 Artikel

JavaScript-objektorientiertes Programmierung Teil 2 Artikel

Joseph Gordon-Levitt
Freigeben: 2025-03-09 00:35:13
Original
968 Leute haben es durchsucht

JavaScript Object-Oriented Programming Part 2 Article

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 < arguments.length; i++) {
    alert("Argument " + i + " is " + arguments[i]);
  }
}
Nach dem Login kopieren
Nach dem Login kopieren
Dies ermöglicht das Aufrufen

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

Der

Konstruktor ist einfach: Person

function Person(lastName, firstName) {
  this.lastName = lastName;
  this.firstName = firstName;
}
Nach dem Login kopieren
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 < arguments.length - 3; i++) {
    this.authors[i] = arguments[i + 3];
  }
}
Nach dem Login kopieren
Der Konstruktor

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]);
  }
}
Nach dem Login kopieren
Nach dem Login kopieren

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

verwenden können

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage