Zusammenfassung der Methodeninstanzen, wie Javascript die Existenz eines Objekts bestimmt

Das Design der Javascript-Sprache ist nicht streng genug und an vielen Stellen können Fehler passieren, wenn Sie nicht aufpassen. Wir müssen feststellen, ob ein globales Objekt myObj existiert. Wenn es nicht existiert, deklarieren Sie es. Der in natürlicher Sprache beschriebene Algorithmus lautet wie folgt:

if (myObj不存在){ 
　　　　声明myObj; 
　　}

Sie denken vielleicht, dass das Schreiben dieses Codes einfach ist. Tatsächlich sind die damit verbundenen grammatikalischen Probleme jedoch weitaus komplexer, als wir uns vorstellen. Nur wenn Sie sich über die Implementierungsdetails der Javascript-Sprache im Klaren sind, können Sie den Unterschied zwischen ihnen erkennen.

Die erste Art zu schreiben
Der Intuition zufolge denken Sie vielleicht, dass Sie es so schreiben können:

if (!myObj) { 
　　　　myObj = { }; 
　　}

Wenn Sie jedoch diesen Code ausführen , wird der Browser direkt einen ReferenceError-Fehler auslösen, der dazu führt, dass der Vorgang unterbrochen wird. Was ist los?
Übrigens, wenn die if-Anweisung feststellt, ob myObj leer ist, existiert diese Variable noch nicht, sodass ein Fehler gemeldet wird. Ändern Sie es wie folgt und es wird ordnungsgemäß ausgeführt.

if (!myObj) 
{ 　　　　
   var myObj = { }; 　　
}

Warum gibt es nach dem Hinzufügen einer Variable keinen Fehler? Könnte es sein, dass myObj in diesem Fall bereits existiert, wenn die if-Anweisung ein Urteil fällt?
Um diese Frage zu beantworten, müssen Sie wissen, wie der Javascript-Interpreter funktioniert. Die Javascript-Sprache lautet „zuerst analysieren, dann ausführen“. existiert bereits, daher wird kein Fehler gemeldet. Dies ist der „Code-Hebeeffekt“ des Befehls var. Der Javascript-Interpreter „befördert“ nur Variablen, die durch den Befehl „var“ definiert wurden, und funktioniert nicht mit Variablen, die ohne Verwendung des Befehls „var“ direkt zugewiesen werden. Aus diesem Grund wird ein Fehler gemeldet, wenn „var“ nicht hinzugefügt wird.

var myObj; 
　　if (!myObj) { 
　　　　var myObj = { }; 
　　}

Die zweite Schreibweise

Zusätzlich zum var-Befehl gibt es eine andere Möglichkeit, ihn umzuschreiben und das richtige Ergebnis zu erhalten:
window ist Javascript Das Objekt der obersten Ebene, alle globalen Variablen sind seine Eigenschaften. Daher ist die Bestimmung, ob myobj leer ist, gleichbedeutend mit der Bestimmung, ob das Fensterobjekt über das Attribut myobj verfügt, sodass ReferenceError-Fehler vermieden werden können, die auftreten, weil myObj nicht definiert ist. Aufgrund der Standardisierung des Codes ist es jedoch am besten, var zur zweiten Zeile hinzuzufügen:

if (!window.myObj) { 
　　　　myObj = { }; 
　　}

oder es so zu schreiben: 　　

if (!window.myObj) { 
    var myObj = { }; 
}

if (!window.myObj) { 
   window.myObj = { }; 
}

Der Nachteil der oben genannten Schreibmethode besteht darin, dass das Fenster in einigen Betriebsumgebungen (z. B. V8, Rhino) möglicherweise kein Objekt der obersten Ebene ist. Erwägen Sie daher, es wie folgt umzuschreiben:
Auf der Ebene globaler Variablen verweist das Schlüsselwort this immer auf die Variable der obersten Ebene, sodass es von verschiedenen Betriebsumgebungen unabhängig sein kann.

if (!this.myObj) { 
　　　　this.myObj = { }; 
　　}

Die obige Schreibweise ist jedoch weniger lesbar und der Zeiger ist variabel und fehleranfällig, daher wird sie weiter umgeschrieben:
Es wird viel klarer, wenn Sie die benutzerdefinierte Variable global verwenden, um das Objekt der obersten Ebene darzustellen.

var global = this; 
　　if (!global.myObj) { 
　　　　global.myObj = { }; 
　　}

Die fünfte Schreibweise

Sie können auch den Typeof-Operator verwenden, um zu bestimmen, ob myObj definiert ist.
Dies ist derzeit die am weitesten verbreitete Methode, um festzustellen, ob ein JavaScript-Objekt vorhanden ist.

if (typeof myObj == "undefined") { 
　　　　var myObj = { }; 
　　}

Die sechste Schreibweise

Da der Wert von myObj direkt undefiniert ist, wenn er definiert, aber nicht zugewiesen ist, kann die obige Schreibmethode vereinfacht werden:
Hier sind zwei Dinge zu beachten: Erstens darf das Schlüsselwort var in der zweiten Zeile nicht fehlen, da sonst ein ReferenceError auftritt. Zweitens kann undefiniert nicht mit einfachen Anführungszeichen oder doppelten Anführungszeichen hinzugefügt werden Anstelle der Zeichenfolge „undefiniert“ wird hier undefiniert verglichen.

if (myObj == undefined) { 
　　　　var myObj = { }; 
　　}

Die siebte Schreibweise

Die obige Schreibweise gilt auch im Fall des „exakten Vergleichs“ (===):

if (myObj === undefined) { 
　　　　var myObj = { }; 
　　}

Gemäß dem Sprachdesign von Javascript ist undefiniert == null. Wenn Sie also vergleichen, ob myObj gleich null ist, können Sie auch das richtige Ergebnis erhalten:
Obwohl das laufende Ergebnis korrekt ist, ist diese Beurteilungsmethode aus semantischer Sicht falsch und sollte vermieden werden. Denn null bezieht sich auf ein leeres Objekt, dem der Wert null zugewiesen wurde, das heißt, dieses Objekt hat tatsächlich einen Wert, während sich undefiniert auf ein Objekt bezieht, das nicht existiert oder dem kein Wert zugewiesen wurde. Daher kann hier nur der „Vergleichsoperator“ (==) verwendet werden. Wird hier der „exakte Vergleichsoperator“ (===) verwendet, tritt ein Fehler auf.

if (myObj == null) { 
　　　　var myObj = { }; 
　　}

Die neunte Schreibweise

Sie können auch den in-Operator verwenden, um zu bestimmen, ob myObj ein Attribut des Objekts der obersten Ebene ist:

if (!('myObj' in window)) { 
　　　　window.myObj = { }; 
　　}

Verwenden Sie abschließend die Methode hasOwnProperty, um zu bestimmen, ob myObj eine Eigenschaft des Objekts der obersten Ebene ist:

if (!this.hasOwnProperty('myObj')) { 
　　　　this.myObj = { }; 
　　}

1. Wenn Sie nur feststellen, ob das Objekt existiert, wird empfohlen, die fünfte Schreibweise zu verwenden.
2. Wenn Sie zusätzlich zur Existenz des Objekts auch feststellen müssen, ob das Objekt einen Nullwert hat, wird empfohlen, die erste Schreibweise zu verwenden.

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methodeninstanzen, wie Javascript die Existenz eines Objekts bestimmt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!