Eingehende Analyse der Vorbereitung und Nebenwirkungen in JavaScriptvar

Nebenwirkungen von var

Es gibt einen kleinen Unterschied zwischen impliziten globalen Variablen und explizit definierten globalen Variablen, nämlich die Möglichkeit, Variablen durch den Löschoperator undefiniert zu lassen.

Globale Variablen, die über var erstellt wurden (in einem anderen Programm als Funktionen erstellt wurden), können nicht gelöscht werden.

Implizite globale Variablen, die ohne var erstellt wurden (unabhängig davon, ob sie in einer Funktion erstellt wurden), können gelöscht werden.

Dies zeigt, dass implizite globale Variablen technisch gesehen keine wirklich globalen Variablen sind, sondern Eigenschaften des globalen Objekts. Eigenschaften können über den Löschoperator gelöscht werden, Variablen jedoch nicht:

// 定义三个全局变量
var global_var = 1;
global_novar = 2; 		// 反面教材
(function () {
   global_fromfunc = 3; // 反面教材
}());

// 试图删除
delete global_var; 		// false
delete global_novar; 	// true
delete global_fromfunc; // true

// 测试该删除
typeof global_var; 		// "number"
typeof global_novar; 	// "undefined"
typeof global_fromfunc; // "undefined"

Im strengen ES5-Modus lösen nicht deklarierte Variablen (wie die beiden Gegensätze im vorherigen Code-Snippet-Lehrbuch) einen Fehler aus beim Arbeiten.

Einzelne var-Formular

Die Verwendung einer einzelnen var-Anweisung am Anfang einer Funktion ist eine nützlichere Form. Der Vorteil ist:

bietet einen einzigen Platz für go Alle für die Funktion benötigten lokalen Variablen finden

Verhindert Logikfehler, wenn Variablen verwendet werden, bevor sie definiert werden

Hilft Ihnen, sich deklarierte globale Variablen zu merken, sodass weniger globale Variablen //zxx:here vorhanden sind Ich bin selbst etwas verwirrt...

Weniger Code (Typ, Wert und einzeilige Vervollständigung)

Die einzelne Variablenform sieht so aus:

function func() {
   var a = 1,
       b = 2,
       sum = a + b,
       myobject = {},
       i,
       j;
   // function body...
}

Sie können mehrere Variablen mit einer var-Anweisung deklarieren, getrennt durch Kommas. Es ist eine gute Idee, Variablen und Werte gleichzeitig auf diese Weise zu initialisieren. Dies verhindert Logikfehler (der Anfangswert aller nicht initialisierten, aber deklarierten Variablen ist undefiniert) und erhöht die Lesbarkeit des Codes. Nachdem Sie den Code gesehen haben, können Sie anhand der initialisierten Werte den allgemeinen Zweck dieser Variablen erkennen, z. B. ob sie als Objekte oder als Ganzzahlen verwendet werden sollen.

Sie können beim Deklarieren auch einige tatsächliche Arbeiten ausführen, z. B. sum = a + b im vorherigen Code. Ein weiteres Beispiel ist, dass Sie bei der Verwendung von DOM-Referenzen (Document Object Model) eine einzelne Variable zum Angeben verwenden können DOM-Referenzen zusammen als lokale Variablen, wie im folgenden Code gezeigt:

function updateElement() {
   var el = document.getElementById("result"),
       style = el.style;
   // 使用el和style干点其他什么事...
}

vars variable preparsing

In JavaScript können Sie mehrere var-Anweisungen überall in deklarieren eine Funktion und sie verhalten sich so, als wären sie oben in der Funktion deklariert worden, ein Verhalten, das als Heben bezeichnet wird. Logikfehler können auftreten, wenn Sie eine Variable verwenden und sie später in einer Funktion erneut deklarieren. Solange sich Ihre Variable in JavaScript im selben Gültigkeitsbereich (dieselbe Funktion) befindet, gilt sie als deklariert, auch wenn sie vor der var-Deklaration verwendet wird. Schauen Sie sich das folgende Beispiel an:

// 反例
myname = "global"; // 全局变量
function func() {
    alert(myname); // "undefined"
    var myname = "local";
    alert(myname); // "local"
}
func();

In diesem Beispiel denken Sie vielleicht, dass die erste Warnung „global“ und die zweite Warnung „loacl“ angezeigt wird. Diese Erwartung ist verständlich, da myname zum Zeitpunkt der ersten Warnung noch nicht deklariert war. Zu diesem Zeitpunkt muss die Funktion natürlich auf die globale Variable myname achten, aber das ist nicht die tatsächliche Funktionsweise. Die erste Warnung wird als „undefiniert“ angezeigt, da myname als lokale Variable der Funktion behandelt wird (auch wenn sie später deklariert wird) und alle Variablendeklarationen am Anfang der Funktion angehalten werden. Um diese Verwirrung zu vermeiden, ist es daher am besten, alle Variablen, die Sie verwenden möchten, vorab zu deklarieren.

Der obige Codeausschnitt könnte sich wie folgt verhalten:

myname = "global"; // global variable
function func() {
   var myname; // 等同于 -> var myname = undefined;
   alert(myname); // "undefined"
   myname = "local";
   alert(myname); // "local"}
func();

Der Vollständigkeit halber erwähnen wir etwas etwas Komplizierteres auf der Ausführungsebene. Die Codeverarbeitung ist in zwei Phasen unterteilt: Variablen, Funktionsdeklaration und Parametererstellung im Normalformat. Dies ist eine Phase des Parsens und der Eingabe von Kontext. Die zweite Phase ist die Codeausführung, in der Funktionsausdrücke und unqualifizierte Bezeichner (für deklarierte Variablen) erstellt werden. Aus praktischen Gründen werden wir jedoch das Konzept des „Hebens“ übernehmen, das im ECMAScript-Standard nicht definiert ist und im Allgemeinen zur Beschreibung von Verhalten verwendet wird.

Zugriff auf das globale Objekt

Im Browser kann über das Fensterattribut überall im Code auf das globale Objekt zugegriffen werden (es sei denn, Sie tun etwas Unverschämtes, wie zum Beispiel die Deklaration einer lokalen Variablen). benanntes Fenster). Aber in anderen Kontexten könnte diese praktische Eigenschaft anders heißen (oder im Programm sogar nicht verfügbar sein). Wenn Sie ohne eine fest codierte Fensterkennung auf das globale Objekt zugreifen müssen, können Sie auf jeder Ebene des Funktionsumfangs Folgendes tun:

var global = (function () {
   return this;
}());

Diese Methode kann überall verwendet werden time Erhalten Sie das globale Objekt, da es als Funktion in der Funktion aufgerufen wird (nicht durch new erstellt) und immer auf das globale Objekt zeigt. Tatsächlich trifft dieser Fehler nicht auf den strikten Modus von ECMAScript 5 zu, sodass Sie im strikten Modus ein anderes Formular verwenden müssen. Wenn Sie beispielsweise eine JavaScript-Bibliothek entwickeln, können Sie Ihren Code in eine unmittelbare Funktion einbinden und dann aus dem globalen Bereich einen Verweis darauf als Argument an Ihre unmittelbare Funktion übergeben.

Das obige ist der detaillierte Inhalt vonEingehende Analyse der Vorbereitung und Nebenwirkungen in JavaScriptvar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!