Schneller Tipp: So deklarieren Sie Variablen in JavaScript

beim Lernen von JavaScript ist eine der Grundlagen, zu verstehen, wie Variablen verwendet werden. Variablen sind Container für Werte aller möglichen Typen, z. Nummer, Zeichenfolge oder Array (siehe Datentypen). Jede Variable erhält einen Namen, der später in Ihrer Anwendung verwendet werden kann (z. B. um ihren Wert zu lesen).

In diesem schnellen Tipp lernen Sie, wie Sie Variablen verwenden, und die Unterschiede zwischen den verschiedenen Erklärungen.

Key Takeaways

• Variablen in JavaScript werden mithilfe von Schlüsselwörtern "var", "let" oder "const" deklariert. "Var" ist funktionsübergreifend, "let" ist blockiert und "const" ist blockiert, kann aber nach der Initialisierung nicht neu zugewiesen werden.
• Deklaration, Initialisierung und Zuordnung sind drei verschiedene Schritte in der variablen Verwendung. Die Deklaration führt eine neue Variable ein, die Initialisierung weist erstmals einen Wert zu, und die Zuordnung gibt der Variablen einen bestimmten Wert an.
• Heben ist ein JavaScript -Mechanismus, bei dem Variable und Funktionserklärungen während der Kompilierungsphase auf die Spitze ihres Geltungsbereichs verschoben werden. Es werden jedoch nur die Erklärungen gehisst, nicht initialisierten. "Var" gibt "undefiniert" zurück, wenn er vor der Erklärung aufgrund des Heizens zugegriffen wird, während "Let" und "const" einen Fehler werfen.

Unterschied zwischen Deklaration, Initialisierung und Zuordnung

Bevor wir die verschiedenen Erklärungen lernen, schauen wir uns den Lebenszyklus einer Variablen an.

1. Deklaration: Die Variable wird unter Verwendung eines angegebenen Namens innerhalb des entsprechenden Bereichs registriert (unten erläutert - z. B. innerhalb einer Funktion).
2. Initialisierung: Wenn Sie eine Variable deklarieren, wird sie automatisch initialisiert, was bedeutet, dass der Speicher für die Variable durch die JavaScript -Engine zugewiesen wird.
3. Zuordnung: Dies ist der Zeitpunkt, an dem der Variablen ein bestimmter Wert zugewiesen wird.

Deklarationstypen

Hinweis: Während Varhas seit seinem ersten Relast in JavaScript erhältlich war, sind Letand Const nur in ES6 (ES2015) und UP erhältlich. Siehe diese Seite für die Browserkompatibilität.

var

syntax:

<span>var x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>var y = "Hello World";
</span>

Diese Deklaration ist wahrscheinlich die beliebteste, da es keine Alternative gab, bis die mit VAR deklarierten ECMAScript 6. Variablen im Bereich der beigefügten Funktion verfügbar sind. Wenn es keine umschließende Funktion gibt, sind sie weltweit erhältlich.

Beispiel:

<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

Dies führt zu einem Fehler ReferenceError: Hallo ist nicht definiert, da das variable Hallo nur innerhalb der Funktion Sayhello verfügbar ist. Das Folgende funktioniert jedoch, da die Variable weltweit deklariert wird - in derselben Bereichskonsole.log (Hallo) befindet sich:

<span>var hello = "Hello World";
</span><span>function sayHello(){
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

lass

syntax:

<span>var x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>var y = "Hello World";
</span>

Lassen Sie den Nachkommen von Var im modernen JavaScript. Sein Umfang beschränkt sich nicht nur auf die umschließende Funktion, sondern auch auf die blockierte Blockanweisung. Eine Blockanweisung ist alles in {und}, (z. B. einer If -Bedingung oder Schleife). Der Vorteil von LET ist, dass es die Möglichkeit von Fehlern verringert, da Variablen nur in einem kleineren Bereich verfügbar sind.

Beispiel:

<span>function sayHello(){
</span>  <span>var hello = "Hello World";
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

Dies führt zu einem Fehler ReferenceError: Hallo ist nicht definiert, da Hello nur im umschließenden Block erhältlich ist - in diesem Fall der IF -Zustand. Aber das Folgende wird funktionieren:

<span>var hello = "Hello World";
</span><span>function sayHello(){
</span>  <span>return hello;
</span><span>}
</span><span>console.log(hello);
</span>

const

syntax:

<span>let x; // Declaration and initialization
</span>x <span>= "Hello World"; // Assignment
</span>
<span>// Or all in one
</span><span>let y = "Hello World";
</span>

technisch gesehen ist eine Konstante keine Variable. Die Besonderheit einer Konstante ist, dass Sie beim Deklarieren einen Wert zuweisen müssen, und es gibt keine Möglichkeit, ihn neu zuzuweisen. Eine Const ist auf den Umfang des umschließenden Blocks beschränkt, wie Let.

Konstanten sollten verwendet werden, wenn sich während der Laufzeit der Anwendungen ein Wert nicht ändern darf, da Sie durch einen Fehler benachrichtigt werden, wenn Sie versuchen, sie zu überschreiben.

Zufällige globale Schöpfung

Sie können alle oben genannten Deklarationen im globalen Kontext (d. H. Außerhalb einer Funktion) schreiben, aber selbst innerhalb einer Funktion ist die Variable automatisch global.

Beispiel:

<span>var name = "Peter";
</span><span>if(name === "Peter"){
</span>  <span>let hello = "Hello Peter";
</span><span>} else {
</span>  <span>let hello = "Hi";
</span><span>}
</span><span>console.log(hello);
</span>

Die oben genannte wird Hello World in die Konsole geben, da es vor der Zuordnung keine Erklärung vorhanden ist und daher die Variable global verfügbar ist.

Hinweis: Um nicht versehentlich globale Variablen zu deklarieren, können Sie den strengen Modus verwenden.

Heben und die zeitliche tote Zone

Ein weiterer Unterschied zwischen Var und LET/const bezieht sich auf variable Hebezeuge. Eine variable Erklärung wird immer intern auf den aktuellen Bereich gehoben (bewegt). Dies bedeutet Folgendes:

<span>var name = "Peter";
</span><span>if(name === "Peter"){
</span>  <span>let hello = "Hello Peter";
</span>  <span>console.log(hello);
</span><span>} else {
</span>  <span>let hello = "Hi";
</span>  <span>console.log(hello);
</span><span>}
</span>

entspricht:

<span>const x = "Hello World";
</span>

Ein Hinweis auf dieses Verhalten ist, dass beide Beispiele undefinierte Beispiele auf der Konsole protokollieren. Wenn var Hallo; wäre nicht immer oben, es würde einen ReferenzError werfen.

Dieses Verhalten, das als Hebezeuge bezeichnet wird, gilt für var und auch für/const. Wie oben erwähnt, wird der Zugriff auf eine VAR -Variable vor seiner Deklaration undefiniert zurückgegeben, da dies der Wert ist, den JavaScript bei der Initialisierung zuweist.

, aber der Zugriff auf eine LET/const -Variable, bevor seine Deklaration einen Fehler macht. Dies liegt an der Tatsache, dass sie vor ihrer Erklärung im Code nicht zugänglich sind. Der Zeitraum zwischen dem Eintritt in den Bereich der Variablen und der Erklärung der Erklärung wird als zeitliche tote Zone bezeichnet - d. H. Der Zeitraum, in dem die Variable nicht zugänglich ist.

Sie können mehr über das Heben in dem Artikel entmystifizieren.

Schlussfolgerung

Um die Anfälligkeit für Fehler zu verringern, sollten Sie const verwenden und nach Möglichkeit lassen. Wenn Sie VAR wirklich verwenden müssen, stellen Sie sicher, dass Sie Deklarationen an die Spitze des Geltungsbereichs verschieben, da dies ein unerwünschtes Verhalten im Zusammenhang mit dem Heben vermeidet.

häufig gestellte Fragen (FAQs) zur JavaScript -Variablendeklaration

Was ist der Unterschied zwischen der variablen Deklaration und der Initialisierung in JavaScript? Die Erklärung ist der Prozess der Einführung einer neuen Variablen in das Programm. Es geschieht mit den Schlüsselwörtern VaR, LET oder const. Zum Beispiel sei x; Hier wird X deklariert, aber nicht definiert. Es ist wie das Programm: "Hey, ich werde eine Variable namens X verwenden." Die Initialisierung hingegen ist der Prozess, der erstmals der deklarierten Variablen einen Wert zugewiesen hat. Zum Beispiel x = 5; Hier wird X mit dem Wert 5 initialisiert. Es ist so, als würde man dem Programm sagen: "Die Variable x, von der ich Ihnen früher erzählt habe? Der Wert ist 5. “

Kann ich eine Variable deklarieren, ohne sie in JavaScript zu initialisieren? Wenn Sie eine Variable deklarieren, ohne ihm einen Wert zuzuweisen, weist JavaScript sie automatisch den Wert von undefiniert zu. Zum Beispiel, wenn Sie eine Variable wie folgt deklarieren: Sei x; Und dann versuchen Sie, X für die Konsole zu protokollieren. JavaScript, wenn Sie eine Variable verwenden, ohne sie zuerst zu deklarieren, erhalten Sie einen ReferenzError. Dies liegt daran, dass JavaScript über eine Variable wissen muss, bevor sie verwendet werden kann. Wenn Sie versuchen, eine nicht deklarierte Variable zu verwenden, weiß JavaScript nicht, worauf Sie sich beziehen, und wirft einen Fehler aus. Wenn Sie beispielsweise versuchen, X in der Konsole zu protokollieren, ohne X zuerst zu deklarieren, erhalten Sie ein ReferenzError: X ist nicht definiert. ? var ist funktionsübergreifend, was bedeutet, dass eine mit Var deklarierte Variable innerhalb der Funktion verfügbar ist, in der sie deklariert ist. LET und const sind blockgeschützt, was bedeutet, dass sie nur innerhalb des Blocks verfügbar sind, in dem sie deklariert sind. Zusätzlich wird Const verwendet Deklare Konstanten oder Variablen, die nach der Initialisierung nicht neu zugewiesen werden können. anfänglich deklarierte es. Wenn Sie eine Variable mit Var deklariert haben, können Sie sie neu einklären. Wenn Sie jedoch eine Variable mit LET oder const deklariert haben, können Sie sie nicht innerhalb desselben Bereichs neu anklagen. Der Versuch führt zu einer SyntaxEerror.

Was hebt sich in JavaScript? Dies bedeutet, dass Sie Variablen und Funktionen verwenden können, bevor sie deklariert werden. Es werden jedoch nur die Erklärungen gehisst, nicht initialisierten. Wenn eine Variable nach der Verwendung deklariert und initialisiert wird, wird die Variable nicht definiert. kann aus Ihrem Code aus zugegriffen werden. Mit var deklarierte Variablen haben Funktionsbereich, dh sie können überall innerhalb der Funktion zugegriffen werden, in der sie deklariert sind. Variablen, die mit LET und const deklariert sind, haben Blockbereich, was bedeutet, dass sie nur innerhalb des Blocks zugegriffen werden können, in dem sie deklariert sind.

Was ist der Unterschied zwischen Null und undefiniert in JavaScript? Sie werden jedoch auf etwas unterschiedliche Weise verwendet. Undefiniert ist der Wert, der einer Variablen zugewiesen wurde, die deklariert, aber nicht initialisiert wurde. Null hingegen ist ein Wert, der keinen Wert oder kein Objekt darstellt. Es muss explizit einer Variablen zugewiesen werden.

Kann ich Sonderzeichen in Variablennamen in JavaScript verwenden? Sie müssen mit einem Brief, einem Unterstrich oder einem Dollarschild beginnen. Sonderzeichen wie!, @, #, %Usw. sind in Variablennamen nicht zulässig.

Was ist eine globale Variable in JavaScript? außerhalb einer Funktion oder eines Blocks deklariert. Da es nicht an eine Funktion oder einen Block gebunden ist, kann auf eine globale Variable von überall in Ihrem Code zugegriffen werden. Globale Variablen können jedoch zu Problemen mit Namenskonflikten führen und sind im Allgemeinen nach Möglichkeit am besten vermieden.

Das obige ist der detaillierte Inhalt vonSchneller Tipp: So deklarieren Sie Variablen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!