Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

JavaScript wird in unserem Studium oder unserer Arbeit involviert sein, daher müssen wir auch JavaScript verstehen. Die let-Anweisung ist ein großer Teil von JavaScript. Dieser Artikel wird Ihnen helfen, die let-Anweisung zu verstehen und zu beherrschen. Lassen Sie uns sie sorgfältig studieren.

ermöglicht Ihnen das Erstellen blockbezogener lokaler Variablen in JavaScript mithilfe der let-Anweisung. Die let-Anweisung wurde im ECMAScript 6-Standard für JavaScript eingeführt. Bevor Sie sich mit let-Anweisungen befassen, empfehle ich Ihnen, einen Blick auf die Ignite-Benutzeroberfläche zu werfen, die auf der jQuery-Bibliothek von Infragistics basiert und Ihnen dabei helfen kann, Webanwendungen schneller zu schreiben und auszuführen. Sie können die Ignite-Benutzeroberfläche der JavaScript--Bibliothek verwenden, um komplexe LOB-Anforderungen in HTML5, jQuery, Angular, React oder ASP.NET MVC schnell zu lösen. (Hier können Sie eine kostenlose Testversion von Ignite UI herunterladen.)

Vor ECMAScript 6 hatte JavaScript drei Arten von Bereichen:

Globaler Bereich

Funktionsbereich

Vokabularumfang

Um die let-Anweisung im Detail zu untersuchen, betrachten Sie den folgenden Codeausschnitt:

function foo() {
    var x = 9;
    if (x > 5) {
        var x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

Die durch den obigen Code erhaltene Ausgabe:

Im obigen Code deklarieren wir die Variable x mithilfe der var-Anweisung. Daher ist der Umfang der Variablen x der Umfang der Funktion. Die Variable x innerhalb der if-Anweisung ist die Variable x, die außerhalb der if-Anweisung erstellt wurde. Wenn Sie daher den Wert der Variablen x im if-Anweisungsblock ändern, werden auch die Werte aller Verweise auf die Variable x in der Funktion geändert.

Um dies zu vermeiden, müssen Sie den Bereich auf Blockebene verwenden. Mit der let-Anweisung können Sie lokale Variablen auf Blockebene erstellen.

Ändern Sie den obigen Codeausschnitt und verwenden Sie die let-Anweisung, um die Variable zu deklarieren:

function foo() {
    var x = 9;
    if (x > 5) {
        let x = 7;
        console.log("Value of x in if statement = " + x);
    }
    console.log("Value of x outside if statement = " + x);
}
foo();

Im obigen Codeausschnitt verwenden wir die let-Anweisung, um die lokale Variable x auf Bereichsebene zu deklarieren . Daher hat die Aktualisierung des Werts der Variablen x innerhalb der if-Anweisung keinen Einfluss auf den Wert der Variablen x außerhalb der if-Anweisung.

Hier ist die Ausgabe des obigen Codes:

unterscheidet sich von Variablen, die mit der Funktion deklariert wurden (oder global). Mit „let“ deklarierte Variablen haben einen Blockbereich: Sie existieren nur innerhalb des Blocks, in dem sie definiert sind.

Variablen-Hebung

Variablen, die mit let deklariert wurden, werden anders gehisst als Variablen, die mit var deklariert wurden. Daher verfügen Variablen, die mit „let“ deklariert wurden, nicht über das Hochziehen von Variablen, was bedeutet, dass mit „let“ deklarierte Variablen nicht an den Anfang des Ausführungskontexts verschoben werden.

Um dies besser zu verstehen, schauen Sie sich den folgenden Code an:

function foo() {
    console.log(x);
    console.log(y);
    var x = 9;
    let y = 67;
}
foo();

Als Ausgabe erhalten Sie einen ReferenceError für die Variable y, der mit der let-Anweisung deklariert wird. Mit let deklarierte Variablen werden nicht über den Ausführungskontext gehoben.

Eine Variable neu deklarieren

Sie können eine Variable nicht mit let innerhalb derselben Funktion oder desselben Blocks neu deklarieren. Dies führt zu einem Syntaxfehler. Bitte schauen Sie sich den folgenden Code an:

function foo() {
    if(true){
        let x = 9;
        let x = 89;
    }
}
foo();

Beim Ausführen des obigen Codes wird ein Syntaxfehler angezeigt, wie unten gezeigt:

Temporär tote Zone

Manchmal können mit let deklarierte Variablen vorübergehende tote Zonen verursachen. Im folgenden Code löst x=x+67 eine undefinierte x-Ausnahme aus.

Dieser Fehler tritt auf, weil der Ausdruck (x + 67) den Wert der lokalen Variablen x innerhalb des if-Blockbereichs sucht, nicht den Wert der lokalen Variablen x innerhalb des Funktionsbereichs. Führen Sie den obigen Code aus und Sie erhalten eine Ausnahme wie diese:

Scoping auf Blockebene ist eine der wichtigsten Funktionen jeder Programmiersprache und Mit der Einführung der let-Anweisung in ECMAScript 6 verfügt nun auch JavaScript über diese Funktionalität. Die Verwendung der let-Anweisung ermöglicht die Erstellung einer Variablen mit Gültigkeitsbereich innerhalb des Blockbereichs. Dies kann viele Probleme lösen, z. B. unerwartete Änderungen an globalen Bereichsvariablen und lokalen Variablen in Abschlüssen, und dabei helfen, saubereren Code zu schreiben.

Im nächsten Artikel der Reihe „Grundlegendes zu JavaScript“ stellen wir den Rest-Parameter in JavaScript-Funktionen vor. Mehr dazu erfahren Sie auf der Website php.cn. Vergessen Sie auch nicht, sich Ignite UI anzusehen, das mit HTML5, Angular, React oder ASP.NET MVC verwendet werden kann, um bei der Erstellung umfangreicher Internetanwendungen zu helfen.

Oben geht es um das Verständnis von JavaScript und den vollständigen Text der let-Anweisung können Sie gemeinsam diskutieren.

Verwandte Lektüre:

JavaScript verstehen, Standardparameter in Funktionen

Native js-Implementierung Movable prompter Div-Box-Quellcode

JavaScript-Debugging-Fähigkeiten, die Sie möglicherweise nicht kennen

Das obige ist der detaillierte Inhalt vonVerstehen Sie JavaScript und verstehen Sie die let-Anweisung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!