Was ist der Zweck des var-Schlüsselworts und wann sollte ich es verwenden (oder weglassen)?

Question

HINWEIS: Diese Frage wurde aus der Perspektive von ECMAScript-Version 3 oder 5 gestellt. Die Antworten könnten mit der Einführung neuer Funktionen im Release von ECMAScript 6 veraltet sein.

Was genau ist die Funktion des var-Schlüsselworts in JavaScript, und was ist der Unterschied zwischen

var someNumber = 2;
var someFunction = function() { doSomething; }
var someObject = { }
var someObject.someProperty = 5;

und

someNumber = 2;
someFunction = function() { doSomething; }
someObject = { }
someObject.someProperty = 5;

?

Wann würden Sie jeweils eines verwenden und warum/was macht es?

Answer 1

Wenn Sie im globalen Bereich sind, gibt es nicht viel Unterschied. Lesen Sie Kangax's Antwort zur Erklärung

Wenn Sie sich in einer Funktion befinden, erstellt var eine lokale Variable. "no var" sucht im Scope-Chain nach der Variable oder gelangt zum globalen Scope (und erstellt sie dann):

// Beide sind globale Variablen
var foo = 1;
bar = 2;

function()
{
    var foo = 1; // Lokal
    bar = 2;     // Global

    // Führen Sie eine anonyme Funktion aus
    (function()
    {
        var wibble = 1; // Lokal
        foo = 2; // Erbt vom darüberliegenden Scope (erstellt einen Closure)
        moo = 3; // Global
    }())
}

Wenn Sie keine Zuweisung vornehmen, müssen Sie var verwenden:

var x; // Deklariere x

Answer 2

Es gibt einen Unterschied.

var x = 1 deklariert Variable x im aktuellen Scope (auch Ausführungskontext genannt). Wenn die Deklaration innerhalb einer Funktion erfolgt, wird eine lokale Variable deklariert; befindet sie sich im globalen Scope, wird eine globale Variable deklariert.

x = 1 hingegen ist lediglich eine Eigenschaftszuweisung. Zuerst versucht es, x über den Scope-Chain aufzulösen. Wenn es sie irgendwo in diesem Scope-Chain findet, wird die Zuweisung durchgeführt; falls es x nicht findet, wird nur dann die Eigenschaft x auf einem globalen Objekt erstellt (welches das oberste Objekt im Scope-Chain ist).

Beachten Sie jetzt, dass es keine globale Variable deklariert, sondern eine globale Eigenschaft erstellt.

Der Unterschied zwischen den beiden ist subtil und kann verwirrend sein, es sei denn, Sie verstehen, dass Variable-Deklarationen auch Eigenschaften erstellen (nur auf einem Variablenobjekt) und dass jede Eigenschaft in Javascript (bzw. ECMAScript) bestimmte Flags hat, die ihre Eigenschaften beschreiben - ReadOnly, DontEnum und DontDelete.

Da die Variabledeklaration eine Eigenschaft mit dem Flag DontDelete erstellt, besteht der Unterschied zwischen var x = 1 und x = 1 (wenn sie im globalen Scope ausgeführt werden) darin, dass die erstere - die Variabledeklaration - die nicht löschbare Eigenschaft erstellt, und die letztere nicht. Als Konsequenz kann die über diese implizite Zuweisung erstellte Eigenschaft dann aus dem globalen Objekt gelöscht werden, und die erstere - die über die Variabledeklaration erstellte - kann nicht gelöscht werden.

Aber das ist natürlich nur Theorie, und in der Praxis gibt es noch mehr Unterschiede zwischen den beiden, aufgrund verschiedener Fehler in Implementierungen (wie die von IE).

Hoffentlich ergibt das alles Sinn : )

---

[Update 2010/12/16]

In ES5 (ECMAScript 5; kürzlich standardisiert, 5. Auflage der Sprache) gibt es einen sogenannten "Strict Mode" - ein optionaler Sprachmodus, der das Verhalten von nicht deklarierten Zuweisungen geringfügig ändert. Im Strict Mode führt eine Zuweisung an einen nicht deklarierten Bezeichner zu einem ReferenceError. Der Grund dafür war, versehentliche Zuweisungen zu erkennen und die Erstellung unerwünschter globaler Eigenschaften zu verhindern. Einige der neueren Browser haben bereits begonnen, Unterstützung für den Strict Mode zu implementieren. Siehe zum Beispiel meine Kompatibilitätstabelle.

Answer 3

Zu sagen, es sei der Unterschied zwischen "lokal und global", ist nicht ganz genau.

Es ist vielleicht besser, es als den Unterschied zwischen "lokal und am nächsten" zu betrachten. Das Am nächstenliegende kann sicherlich global sein, aber das wird nicht immer der Fall sein.

/* globaler Bereich */
var lokal = true;
var global = true;

function äußerlich() {
    /* lokaler Bereich */
    var lokal = true;
    var global = false;

    /* am nächstenliegenden Bereich = äußerlich */
    lokal = !global;

    function innerlich() {
        /* am nächstenliegenden Bereich = äußerlich */
        lokal = false;
        global = false;

        /* am nächstenliegenden Bereich = undefiniert */
        /* standardmäßig wird eine globale Variable definiert */
        public = global;
    }
}

Answer 4

Wenn Javascript in einem Browser ausgeführt wird, wird Ihr gesamter Code von einer with-Anweisung umgeben, wie folgt:

with (window) {
    //Ihr Code
}

Weitere Informationen zu with - MDN

Weil var eine Variable im aktuellen Scope deklariert, gibt es keinen Unterschied zwischen der Deklaration von var innerhalb von window und gar keiner Deklaration.

Der Unterschied tritt auf, wenn Sie sich nicht direkt in window befinden, z.B. innerhalb einer Funktion oder innerhalb eines Blocks.

Die Verwendung von var ermöglicht es Ihnen, externe Variablen mit demselben Namen zu verbergen. Auf diese Weise können Sie eine "private" Variable simulieren, aber das ist ein anderes Thema.

Ein Faustregel ist es, immer var zu verwenden, da sonst die Gefahr besteht, subtile Bugs einzuführen.

EDIT: Nach den erhaltenen Kritiken möchte ich Folgendes betonen:

• var deklariert eine Variable im aktuellen Scope
• Der globale Scope ist window
• Wenn var nicht verwendet wird, wird var implizit im globalen Scope (window) deklariert
• Die Deklaration einer Variablen im globalen Scope (window) mit var ist dasselbe wie das Weglassen
• Die Deklaration einer Variablen in Scopes, die sich von window unterscheiden, mit var ist nicht dasselbe wie die Deklaration einer Variablen ohne var
• Deklarieren Sie immer var explizit, denn das ist eine gute Praxis

Answer 5

Verwenden Sie immer das var-Schlüsselwort, um Variablen zu deklarieren. Warum? Gute Codierungspraxis sollte an sich schon Grund genug sein, aber das Weglassen bedeutet, dass es im globalen Gültigkeitsbereich deklariert wird (eine Variable wie diese wird als "implizit" global bezeichnet). Douglas Crockford empfiehlt, niemals implizite Globale zu verwenden, und gemäß den Apple JavaScript Coding Guidelines:

Jede Variable, die ohne das var-Schlüsselwort erstellt wird, wird im globalen Gültigkeitsbereich erstellt und wird nicht vom Garbage Collector eingesammelt, wenn die Funktion zurückgibt (weil sie nicht aus dem Gültigkeitsbereich herausgeht), was die Möglichkeit eines Memory Leaks birgt.