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!