Heim > Web-Frontend > js-Tutorial > Hauptteil

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

php中世界最好的语言
Freigeben: 2017-11-18 09:42:50
Original
1417 Leute haben es durchsucht

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();
Nach dem Login kopieren

Die durch den obigen Code erhaltene Ausgabe:

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

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();
Nach dem Login kopieren

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:

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

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();
Nach dem Login kopieren

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.

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

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();
Nach dem Login kopieren

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

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

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:

Verstehen Sie JavaScript und verstehen Sie die let-Anweisung

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage