Objekt (Object) in JavaScript

Verstehen Sie das JavaScript-Objekt

in JavaScriptObjektist ein Datentyp, der durchNameundWertgesammelt sind, wobeiName：Wertdarstellen.

name：value-Paare können alle Arten von Daten enthalten (einschließlich Strings, Zahlen und Boolean-Werten) sowie Methoden, die Funktionen sind, die im Objekt enthalten sind.

JavaScript-Objekte sind独立的Entitäten und können mit realen Objekten im Leben verglichen werden.

Zum Beispiel haben Autos Namen und Farben und so weiterEigenschaftsowie Funktionen wie start(Starten) und stop(Stopp)Methodender Objekte:

Alle Autos haben die gleicheEigenschaftaber die Eigenschaften jedes AutosWerte sind.

Alle Autos haben die gleicheMethodenaber diese Methoden könnenverschiedene Funktionen.

Ein Objekt erstellen

Ein Objekt ist ein Datentyp in JavaScript, genau wie Zahlen oder Strings auch Datentypen sind. Als Datentyp kann ein Objekt in einer Variablen enthalten sein.

Es gibt mehrere Methoden, um mit JavaScript Objekte zu konstruieren:

• Verwenden SieObjekt-Konstantenverwendet Klammern: {}

• Verwenden SieObjekt-Konstruktorerstellen, das new Object() verwendet

• oder Sie können zuerst einKonstruktorund dann einen Objekt-Aufruf, der diese Funktion aufruft, instanziieren

In diesem Beispiel werden wir ObjektliteralWas ist eine literale Angabe? Eine literale Angabe wird verwendet, um Variablen Werte zuzuweisen.

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　location:"New　Delhi"};

Eine Objektdefinition kann über mehrere Zeilen hinweggehen.

var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　Alter:　22,
　　location: "New Delhi"
};

Wir werden im Verlauf dieses Tutorials darüber sprechenObjekt-KonstruktorundKonstruktor.

Objekteigenschaften

Eigenschaften sind die Verknüpfung zwischen Namen und Wert in einem Objekt und können jeden Datentyp enthalten.

Eigenschaften sind in der Regel die Merkmale eines Objekts.

Zugriff auf Objekteigenschaften

Es gibt zwei Methoden, um auf Objekteigenschaften zuzugreifen:

• Punkt-Syntax: .

• Klammensymbole: []

Lassen Sie uns das ursprüngliche Beispielobjekt neu besuchenuser.

user.firstName;

user["firstName"];

Punkt und Klammern werden oft verwendet. Aber das Punkt-Syntax ist schneller und einfacher zu lesen.

Objektmethoden

Methoden sind als Funktionen der Objektattributswerte und daher sind es Aufgaben, die das Objekt ausführen kann.

Methoden werden als Attribute in der Form gespeichertFunktionsdefinition.

　　var user = {
　　firstName: "Vishal",
　　lastName: "Choudhary",
　　age:　22,
　　location: "New Delhi",
　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}
　　};

Hinweis:Methoden sind als Funktionen gespeichert, die als Attribute.

Objektmethoden aufrufen

Um eine Objektmethoden zu检索, können Sie sie wie eine reguläre Funktion aufrufen, indem Sie sie an die Variablen des Objekts anhängen.

user.getName();

Wenn Sie eine Methode ohne ()-Klammern aufrufen, wird die Funktionsdefinition zurückgegeben:

user.getName;

Was istDas "this"-Schlüsselwort?

Sie haben vielleicht bemerkt, dass unsere Methoden etwas seltsam sind. Nimm diesen Beispiel:

　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}

Der this-Schlüsselwort bezieht sich auf den Code, der in das interne aktuelle Objekt geschrieben wird-Daher ist this in diesem Fall gleichuser.

Mit anderen Worten, this.firstName bedeutetDieses Objektdie firstName-Eigenschaft.

Sie könnenJS thisAnleitungJS this-SchlüsselwortErfahren Sie mehr über diesen Schlüsselwort.

Sie verwenden ständig Objekte

Wenn Sie diese Beispiele durchblättern, könnten Sie sich vielleicht immer gefragt haben, warum die Punktzahlen so vertraut sind. Das liegt daran, dass Sie sie während des gesamten Tutorials verwendet haben.

Jedes Mal, wenn wir durch Beispiele mit eingebauten JavaScript-Objekten navigieren.

Wenn Sie den folgenden Zeile auf das Dokumentobjektmodell zugreifen:

　　document.write("Hello world");
　　document.getElementById("para");

Sie verwendenDocumentMethode Beispiel auf dem verfügbaren. Für jede geladene Webseite wird einDocumentBeispiel, dasdocument, es repräsentiert die gesamte Seite Struktur, Inhalt und andere Funktionen, wie z.B. URL. Dies bedeutet auch, dass es mehrere verfügbare gängige Methoden hat/Eigenschaften. Dies repräsentiert die gesamte Seitenaufbau, Inhalt und andere Funktionen, wie z.B. URL. Dies bedeutet auch, dass es mehrere verfügbare gängige Methoden hat

new Schlüsselwort

Wenn Sie den Schlüsselwort 'new' verwenden, um JavaScript-Variablen zu deklarieren, wird die Variable als Objekt erstellt:

　　var a = new Number();　　//　a als Number-Objekt deklarieren
　　var b = new String();　　//　b als String-Objekt deklarieren
　　var c = new Boolean();　　　//　c als Boolean-Objekt deklarieren

Vermeiden Sie die VerwendungString,NumberundBooleanObjekte. Sie können Ihren Code komplexer machen und die Ausführungszeit verringern.

Sie werden im zweiten Teil dieses Tutorials mehr über Objekte erfahren.