Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung der Objekterstellung in JavaScript

黄舟
Freigeben: 2016-12-14 16:07:51
Original
1254 Leute haben es durchsucht

Wir wissen, dass Javascript eine objektorientierte Sprache ist und natürlich untrennbar mit Objektoperationen verbunden ist. In diesem Artikel wird erläutert, wie Objekte in Javascript erstellt werden.

Im Wesentlichen besteht die Idee beim Erstellen eines Objekts lediglich darin, eine einfache Entität zu erstellen, die viele Eigenschaften und Methoden enthält.
Das Folgende ist ein Beispiel für einen Objektkonstruktor:
function Person(name, age, color) {
this.name = name;
this.colour = color;
 }
Dann können Sie den Person-Konstruktor wie folgt aufrufen:
var somebody = new Person("Patrick", 22, "red");
Oder den Eingabewert von abrufen der Benutzer:
var pName = prompt("Wie ist Ihr Name?");
var pAge = prompt("Wie alt sind Sie dieses Jahr?");
var pColor = prompt("Was ist deine Lieblingsfarbe ?");
var somebody = new Person(pName, pAge, pColor);
Alle Konstruktoren in JavaScript können, genau wie in Java, mit dem Schlüsselwort new aufgerufen werden. Wenn eine Person unter Verwendung ihrer Attribute {"Patrick", 22, "red"} erstellt (oder konstruiert) wird, kann auf diese Werte zugegriffen werden, wie zum Beispiel:
 somebody.name oder somebody["name " ] „Patrick“
 somebody.age, or somebody["age"] 22
 somebody.colour, or somebody["colour"] "red"
Weil wir Namen verwenden, um Personenattribute hinzuzufügen, also sie muss namentlich referenziert werden, wie Sie im folgenden Code sehen können. Wenn wir Zahlen verwenden, müssen wir Zahlen als Referenz verwenden, z. B. „jemand[0]“ anstelle von „jemand.name“.
JavaScript-Arrays und -Objekte (wie Formulare, Bilder, Frames usw.) ermöglichen diese beiden Methoden.
Darüber hinaus verfügen Arrays und Objekte über ein wesentliches Attribut, nämlich die Länge. Wenn wir programmieren, können wir es wie folgt verwenden: objectName.length, das die Anzahl der im Objekt enthaltenen Elemente oder Attribute zurückgibt.
 Attribute können auch aus Funktionen erstellt werden. Auf diese Weise müssen Sie nur eine Zeile zur Person-Funktion hinzufügen, um Attribute zu erstellen:
 Funktion Person(Name, Alter, Farbe)
 {
 dies .name = name;
this.age = age;
this.colour = colour;
this.birthYear = (new Date()).getYear() - this.age;
}
Die obige Person-Funktion definiert das vierte Attribut:birthYear, das das Geburtsjahr jeder Person darstellt. Beachten Sie hier, dass diese hinzugefügte Zeile einen integrierten Date-Konstruktor aufruft, der ein Date-Objekt zurückgibt, das das aktuelle Datum und die aktuelle Uhrzeit enthält.
Dies ist eine sehr einfache Möglichkeit, auf eine Datumsvariable zuzugreifen. Daher ist die Verwendung des folgenden Codes genauer und lesbarer:
var today = new Date();
this.birthYear = today.getYear() -
Natürlich gibt es viele Möglichkeiten um JavaScript-Programme zu „komprimieren“. Durch das Einfügen von Objekten in Ihren Code können Sie die meisten Variablen verarbeiten.
Dieses Date-Objekt ist komplexer als das oben definierte Person-Objekt, da es Zugriffsmethoden (Accessor/Get) und Operationsmethoden (Manipulator/Set) enthält. Gleichzeitig ist es möglich, einfache Objektmethoden zu JavaScript hinzuzufügen. Das Folgende ist ein detaillierter Beispielcode:
 

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage